react
react copied to clipboard
[BUG] Select Boxes component - not applying selected class
Environment
Please provide as many details as you can:
- Hosting type
- [ ] Form.io
- [x] Local deployment
- Version: react-formio: 4.3.0
- Formio.js version: 4.12.1
- Frontend framework: React 16.9.0
- Browser: Chrome
- Browser version: 87.x
Steps to Reproduce
- Create a form with a Select Boxes component
- Load & run the form
- Select an option
Expected behaviour
Compared with Radio component - when a radio button is selected, the div changes from:
<div ref="wrapper" class="form-check">
to <div ref="wrapper" class="form-check radio-selected">
This makes it possible to restyle the css for the child elements.
Observed behavior
However in the case of the Select Boxes component, the div:
<div ref="wrapper" class="form-check">
does not have any class added.
According to https://github.com/formio/formio.js/pull/1136, it would appear that this issue was addressed some time ago, though probably only for the Checkbox component — but it appears that this is not working either.