Description
With Signal Forms, once an igxInput has been blurred and focused again, typing no longer brings back the success state. The input stays INITIAL even though the field is valid. With Reactive Forms the same steps show VALID.
For the signal backend NgControlAdapter.statusChanges re-emits only when valid, pending, required, disabled, dirty or touched change. Typing into a field that is already valid, dirty and touched changes none of them, so updateValidityState() doesn't run. Reactive Forms emits statusChanges on every value change.
Happens on master.
Framework
Angular
Angular Version
22.1.x
Ignite UI for Angular Version
22.2.x
Component / Area
Input Group
Browser
Chrome
Operating System
Windows
Command Not Working
Steps to Reproduce
- Add the following to a dev sample:
public model = signal({ name: '' });
public f = form(this.model, p => validate(p.name, ({ value }) => value() ? undefined : { kind: 'empty' }));
<igx-input-group>
<input igxInput [formField]="f.name" />
</igx-input-group>
- Run the sample.
- Click into the input and type one character. The input shows the success state.
- Click outside the input. The success state goes away, as expected on blur.
- Click into the input again and type another character.
Actual Result
The input stays in the initial state, no success style. Same after typing more characters.
Expected Result
The input shows the success state while focused, as it does after the first edit and as a Reactive FormControl with the same rule does.
Reproduction URL
No response
Attachments
No response
Description
With Signal Forms, once an
igxInputhas been blurred and focused again, typing no longer brings back the success state. The input staysINITIALeven though the field is valid. With Reactive Forms the same steps showVALID.For the signal backend
NgControlAdapter.statusChangesre-emits only whenvalid,pending,required,disabled,dirtyortouchedchange. Typing into a field that is already valid, dirty and touched changes none of them, soupdateValidityState()doesn't run. Reactive Forms emitsstatusChangeson every value change.Happens on master.
Framework
Angular
Angular Version
22.1.x
Ignite UI for Angular Version
22.2.x
Component / Area
Input Group
Browser
Chrome
Operating System
Windows
Command Not Working
Steps to Reproduce
Actual Result
The input stays in the initial state, no success style. Same after typing more characters.
Expected Result
The input shows the success state while focused, as it does after the first edit and as a Reactive
FormControlwith the same rule does.Reproduction URL
No response
Attachments
No response