bug: input-highlight not shown with in the input

[GerardoTovar]

Prerequisites

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

Ionic Framework Version

v8.x

Current Behavior

When I put a variable in errorText and use formControlName it does not show the line below

Expected Behavior

should show the green line below when used in these conditions

Steps to Reproduce

1- create a new project. 2-You just have to test the operation of the input with a valid email

Code Reproduction URL

https://github.com/GerardoTovar/errorTest_-input

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/Users/gerardo/.nvm/versions/node/v22.2.0/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 8.2.1 @angular-devkit/build-angular : 18.0.3 @angular-devkit/schematics : 18.0.3 @angular/cli : 18.0.3 @ionic/angular-toolkit : 11.0.1

Capacitor:

Capacitor CLI : 6.0.0 @capacitor/android : not installed @capacitor/core : 6.0.0 @capacitor/ios : not installed

Utility:

cordova-res : not installed globally native-run : 2.0.1

System:

NodeJS : v22.2.0 (/Users/gerardo/.nvm/versions/node/v22.2.0/bin/node) npm : 10.7.0 OS : macOS Unknown

Additional Information

[sean-perkins]

@GerardoTovar can you please state what the problem is and what the expected behavior is?

The form controls show a green input highlight when the control is valid and a red highlight when the control is invalid. From the provided reproduction this appears to be working as expected with Angular's form control API.

[GerardoTovar]

when an error is added dynamically [errorText]="EmailError" with a variable and use formControlName="email" <ion-input type="email" label="Email" labelPlacement="floating" [errorText]="EmailError" formControlName="email" ></ion-input>

gray line is not shown

In the gif I think you can see the difference I don't speak English, I try to write as clearly as I can

Thanks for your time :)