igx-hint is not displayed the first time a page is rendered #15666
Description
Description
Validation messages are nor displayed until focus is moved outside the validated input when defined like that:
<igx-input-group type="border"> <input type="text" igxInput formControlName="shipName" /> <label igxLabel>shipName</label> @if (orderDtoFormModel.controls.shipName.touched && orderDtoFormModel.controls.shipName.hasError("minlength")) { <igx-hint>Entry should be at least 3 character(s) long</igx-hint> } @if (orderDtoFormModel.controls.shipName.touched && orderDtoFormModel.controls.shipName.hasError("maxlength")) { <igx-hint>Entry should be no more than 8 character(s) long</igx-hint> } @if (orderDtoFormModel.controls.shipName.touched && orderDtoFormModel.controls.shipName.hasError("pattern")) { <igx-hint>Entry does not match the required pattern</igx-hint> } </igx-input-group> - igniteui-angular version: 19.1.6
- browser: N/A
Steps to reproduce
- Run the attached sample
- focus
shipNamefield and typeas
Result
The input's border is changed to red as if the input is failing validation but no validation message is displayed.
Expected result
The validation message is dispalyed
Note:
Validation messages are displayed when changing focus - clicking another field or opening the dev tools. Probably, a change detection related issue.
This may be relted to issue #15646