bug: Keep error text space to prevent layout shifting and keep border visible

[fudom]

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.

[ionitron-bot]

This issue has been labeled as community feedback wanted. This label is added to issues that we would like to hear from the community on before moving forward with any final decision on the feature request.

If the requested feature is something you would find useful for your applications, please react to the original post with 👍 (+1). If you would like to provide an additional use case for the feature, please post a comment.

The team will review this feedback and make a final decision. Any decision will be posted on this thread, but please note that we may ultimately decide not to pursue this feature.

Thank you!