bug: input floating label is always floating when using start/end slots

[rulaman123]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

ion-input with labelPlacement="floating" not working as intended with slotted ion-button inside. The label is fixed on top even with pristine input.

The label of the first ion-input without slotted button is correct.

Expected Behavior

When ion-input has or loses focus the label should change its position.

Steps to Reproduce

1. create an ion-input wit labelPlacement="floating"
2. create an ion-button with slot="end" inside

Code Reproduction URL

No response

Ionic Info

Ionic:
Ionic CLI : 7.1.5
Ionic Framework : @ionic/angular 7.6.0
@angular-devkit/build-angular : 16.2.8
@angular-devkit/schematics : 16.2.8
@angular/cli : 16.2.8
@ionic/angular-toolkit : 10.0.0

Capacitor:
Capacitor CLI : 5.5.1
@capacitor/android : 5.5.1
@capacitor/core : 5.5.1
@capacitor/ios : 5.5.1

Utility:
cordova-res : not installed globally
native-run : 1.7.4

System:
NodeJS : v20.10.0
npm : 10.2.3
OS : Windows 10

Additional Information

No response

[richardliebmann]

+1

[5uper]

+1

[Fearcoder]

+1

[hienpvptit]

+1

[VerburgtJimmy]

Is there someone from the team who is able to look at this issue? The issue persists in ionic 8 when i have my code like this:

<ion-input label="Password" labelPlacement="floating" type="password> 
       <ion-input-password-toggle slot="end"></ion-input-password-toggle>
</ion-input>

Just looked into the code and it seems there is already a TODO for this issue. So it is just a question of when it is done:

ionic-framework/core/src/components/input/input.tsx

Lines 718 to 721 in 05f857a

	* TODO(FW-5592): Remove hasStartEndSlots condition
	*/
	const labelShouldFloat =
	labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));

[VerburgtJimmy]

+1

[YounesAmalouSSCA]

+1