You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
Having two inputs inside an input-group (as in a date range picker) does not show the validation errors unless both inputs are invalid.
To Reproduce
Steps to reproduce the behavior:
Create a form with two inputs inside a single input-group:
The issue is a result of the way the is-invalid css class is applied to the containing element (or the one marked with the validationStyle directive)
A possible solution would be to have validated controls, register themselves with the marked element and the marked element manage its css class. However that won't work when validationStyle directive is not used.
The text was updated successfully, but these errors were encountered:
Describe the bug
Having two inputs inside an input-group (as in a date range picker) does not show the validation errors unless both inputs are invalid.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Typing an invalid value in only one of the inputs should show the validation error
Additional context
See sample project in stackblitz: https://stackblitz.com/edit/ngx-validate-5fvw3m?file=src%2Fapp%2Fcomponents%2Fapp.component.html
The issue is a result of the way the
is-invalid
css class is applied to the containing element (or the one marked with the validationStyle directive)A possible solution would be to have validated controls, register themselves with the marked element and the marked element manage its css class. However that won't work when validationStyle directive is not used.
The text was updated successfully, but these errors were encountered: