validateOnMount option does not work for blueprintjs checkbox(es)
See original GitHub issueScope: BlueprintJS Component Mapper / Checkbox
validateOnMount
does not work for checkbox(es) and React throws an error.
Warning: React does not recognize the
validateOnMount
prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercasevalidateonmount
instead. If you accidentally passed it from a parent component, remove it from the DOM element.
https://stackblitz.com/edit/tksltp?file=schema.js
Schema in question:
export default {
fields: [
{
component: 'checkbox',
label: 'Checkbox',
name: 'checkbox',
validateOnMount: true,
options: [
{
label: 'Dog',
value: '1',
},
{
label: 'Cats',
value: '2',
},
{
label: 'Hamsters',
value: '3',
},
],
},
],
};
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Checkbox component does not work in controlled mode #2370
Bug report blueprintjs/core: 2.1.1, Browser: Google Chrome | 65.0.3325.181 ... Checkbox component does not work in controlled mode #2370.
Read more >BlueprintJS - Data driven forms
Blueprint mapper provides an option to validate a field when the component is mounted. Just set validateOnMount to true . ... This field...
Read more >ReactJS Blueprint Checkbox Component - GeeksforGeeks
BlueprintJS is a React-based UI toolkit for the web. ... whether this checkbox is initially indeterminate (uncontrolled mode) or not.
Read more >Checkbox with Initial Value in Formik Not Toggling, Need to ...
So now my initial value for the checkboxes doesn't work anymore, although I can toggle now. <Form.Control type="checkbox" id="checkCertAgreement ...
Read more >event.preventDefault does not always prevent what you might ...
preventDefault and React checkboxes. ... focuses mainly on the preventDefault function I'll spare you the markup I wrote, but don't worry if ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
🎉 This issue has been resolved in version 3.16.9 🎉
The release is available on
react-form-renderer (@latest dist-tag)
ant-component-mapper (@latest dist-tag)
blueprint-component-mapper (@latest dist-tag)
carbon-component-mapper (@latest dist-tag)
mui-component-mapper (@latest dist-tag)
pf4-component-mapper (@latest dist-tag)
suir-component-mapper (@latest dist-tag)
Data-Driven-Forms.org!
@cdolek closing this issue, feel free to reopen, if the issue persists!