-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: input floating label is always floating when using start/end slots #28665
Labels
Comments
liamdebeasi
changed the title
bug: ion-input with labelPlacement floating not working with slots
bug: input floating label is always floating when using start/end slots
Dec 7, 2023
liamdebeasi
added
package: core
@ionic/core package
type: bug
a confirmed bug report
labels
Dec 7, 2023
+1 |
+1 |
2 similar comments
+1 |
+1 |
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:
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
|
+1 |
2 similar comments
+1 |
+1 |
3 tasks
3 tasks
This was referenced Oct 18, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Prerequisites
Ionic Framework Version
v7.x
Current Behavior
ion-input
withlabelPlacement="floating"
not working as intended with slottedion-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
ion-input
witlabelPlacement="floating"
ion-button
withslot="end"
insideCode 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
The text was updated successfully, but these errors were encountered: