- Notifications
You must be signed in to change notification settings - Fork 13.4k
Open
Labels
community feedback wantedIssues that the Ionic team would like community input onIssues that the Ionic team would like community input on
Description
It would be great if we can keep the input-bottom.sc-ion-input-md element, even if the input is valid. Because 1. layout shifting and 2. missing border. Removing the element with border (which changes element size) removes the border and causes layout changes. And it would be great if we keep the space for the error text.
<ion-input label="Name" labelPlacement="floating" formControlName="name" errorText="Blah blah blah" > </ion-input>You can see that the layout shifts and in the end the border disappears.
Ionic v8, Angular v19, Chrome 146.0.7680.153
Workaround: Remove errorText and make your own by using control errors in element below and use ion-item in this case for the line or use css for this. I cannot reproduce this is stackblitz, but in a fresh new Angular project with same setup. No custom stuff. It's weird, but there is something wrong.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
community feedback wantedIssues that the Ionic team would like community input onIssues that the Ionic team would like community input on
