Submit form stoped working after special user scenario. With usage of conditional (reactive) require
Expected behavior
Submit should work when live changing require prop
Why
Why do you think the issue occurs?
It looks like form is resulting some inputs as invalidate, even if they are not required. Require is changing live by some other conditions
How
You have two inputs, two checkboxes. First input should be required if first checkbox is checked, second input should be required if second checkbox is checked.
Exact steps are:
check second checkbox, fill second input -> do submit -> submit occured
uncheck second checkbox, empty second input, check first checkbox, fill first input -> do submit -> submit didnt happen
https://codesandbox.io/s/pp1l8j2j90
Environment
What
Submit form stoped working
Current behavior
Submit form stoped working after special user scenario. With usage of conditional (reactive) require
Expected behavior
Submit should work when live changing require prop
Why
Why do you think the issue occurs? It looks like form is resulting some inputs as invalidate, even if they are not required. Require is changing live by some other conditions
How
You have two inputs, two checkboxes. First input should be required if first checkbox is checked, second input should be required if second checkbox is checked. Exact steps are: