-
Notifications
You must be signed in to change notification settings - Fork 13.5k
bug: ion-label inside ion-item aligns wrongly or disappers if custom Angular component is used in this ion-item when stacked or floating position is set #22736
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
Comments
Thanks for the issue! This issue has been labeled as In the meantime, please read our Winter Holiday Triage Guide for information on how to ensure that your issue is triaged correctly. Thank you! |
Hi there, We are proposing some changes to form components that seek to resolve this issue. We would love your feedback on these proposed changes! You can read more about the changes and leave comments here: #25661 |
Thanks for the report. In Ionic 7 we will be introducing a new syntax for using form components such as The reported issue is fixed with this new syntax. Work to update |
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out. |
ion-label
insideion-item
aligns wrongly or disappers if custom Angular component is used in thision-item
when stacked or floating label position is set - becauseitem-label-stacked
class is not set onion-item
Ionic version:
[x] 5.x (Angular project)
Current behavior:
When custom Angular component is used inside
ion-item
a classitem-label-stacked
is not set onion-item
if there is a label withposition="stacked"
inside thation-item
. (When built-in Ionic components likeion-input
are used theion-item
gets this class automatically)Expected behavior:
item-label-stacked
class should be set onion-item
regardless of component used after the labelSteps to reproduce:
See Related code
Related code:
See stackblitz link
In a demo
item-label-stacked
is explicitly added to anion-item
. If it's removed than the label aligns itself to the left like position="fixed" or disappers completely if all the chips are deleted (using red crosses). See comments in tabs/tab1.page.htmlThe text was updated successfully, but these errors were encountered: