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
Styles are a bit iffy but
1, Click Submit - Will show that the checkbox unselected and isInvalid
2, Click the "Click Me" with the mouse - Will show that the checkbox selected and isInvalid
3, Use the keybord to change the "Click Me" - Will show the checkbox select and valid
In this example, you'll be able to submit the form even at step 2. In our case we can't because we are using custom validation ... but pretty sure resolving this issue will also fix our case
Version
1.0.1
What browsers are you seeing the problem on?
Firefox, Chrome
If other, please specify.
No response
What operating system are you using?
Mac
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
The text was updated successfully, but these errors were encountered:
Provide a general summary of the issue here
When the Checkbox in in Invalid state, using the mouse to select the checkbox will not clear the invalid state, while using the keyboard will.
This then prevents the form being re-submitted.
🤔 Expected Behavior?
The invalid state from the checkbox should be cleared when selected with the mouse
😯 Current Behavior
The invalid state is not being cleared which looks wrong. Also because of the way we are using custom validation its preventing the form submit.
💁 Possible Solution
It should work the same as with the keyboard
🔦 Context
Using a checkbox for a "Accept Terms of use" field on a registration form. So wanting to force the Checkbox to be checked before proceeding.
🖥️ Steps to Reproduce
Can see it here,
Sandbox
Styles are a bit iffy but
1, Click Submit - Will show that the checkbox unselected and isInvalid
2, Click the "Click Me" with the mouse - Will show that the checkbox selected and isInvalid
3, Use the keybord to change the "Click Me" - Will show the checkbox select and valid
In this example, you'll be able to submit the form even at step 2. In our case we can't because we are using custom validation ... but pretty sure resolving this issue will also fix our case
Version
1.0.1
What browsers are you seeing the problem on?
Firefox, Chrome
If other, please specify.
No response
What operating system are you using?
Mac
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
The text was updated successfully, but these errors were encountered: