The conditional validation on required does not show until the input is edited and then emptied

[farahnahle]

Describe the bug

The conditional validation on required does not show until the input is edited and then emptied. I am using Nested FormGroups and the check is on a nested value.

Expected Behavior

A field to be required when another input is not empty. The error is only showing if I add a letter and delete it.

To Reproduce

https://stackblitz.com/edit/custom-validation-angular-reactive-form-with-rxweb-wljh2z?file=src/app/app.component.html

Url (stackblitz or plunker or other)

same as this issue:

https://stackoverflow.com/questions/67619122/rxweb-validation-not-automatically-setting-fields-as-required-reactive-forms-v

Package Version

@rxweb/@

[ajayojha]

@farahnahle would be great if you share the stackblitz example of the stated issue.

[farahnahle]

Sure. I reproduced the issue here:
https://stackblitz.com/edit/custom-validation-angular-reactive-form-with-rxweb-wljh2z?file=src/app/app.component.html

Expected Result:
If English is not empty --> then arabic and kurdish are required

However, what is happening is the following:
If I fill english both other languages are still optional
If I enter a letter in arabic for instance and delete it --> it will be required
If I empty the english --> arabic will still be required though it shouldn't

[farahnahle]

@ajayojha Any update on this? Where you able to check the stackblitz I shared?

[farahnahle]

@ajayojha I'm eagerly waiting for your response if there is a fix for my issue.

[ajayojha]

@farahnahle , Sorry missed checking the provided stackblitz example. I think this is a bit complex to manage the state of dynamically created FormControl for Conditional validation, but I will draft something to make this possible.

Tomorrow, I will update you here on the next course of action.