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
Render a CheckboxGroup with at least one disabled child element
Toggle the root checkbox
Current behavior
Currently when toggling the root checkbox in a group, all of the children get checked / unchecked (regardless if disabled). I have tried to do a filter for disabled and controlled on my end of the component but when doing so, I'm able to check all non-disabled / non-controlled children. But am then unable to uncheck anything via the root checkbox.
Expected behavior
The root checkbox shouldn't be able to change the checked state of any disabled / controlled items. But should always be able to check/uncheck all other children that allow so.
If this is something that is already possible and I am missing it, maybe you could add it to the docs
Steps to reproduce
Link to live example: (required)
https://master--base-ui.netlify.app/components/react-checkbox-group/#parent-checkbox
Steps:
Current behavior
Currently when toggling the root checkbox in a group, all of the children get checked / unchecked (regardless if disabled). I have tried to do a filter for disabled and controlled on my end of the component but when doing so, I'm able to check all non-disabled / non-controlled children. But am then unable to uncheck anything via the root checkbox.
Expected behavior
The root checkbox shouldn't be able to change the checked state of any disabled / controlled items. But should always be able to check/uncheck all other children that allow so.
If this is something that is already possible and I am missing it, maybe you could add it to the docs
Context
No response
Your environment
No response
Search keywords: Checkbox, CheckboxGroup, disabled, indeterminate
The text was updated successfully, but these errors were encountered: