Even though the label has the appropriate for attribute, clicks on the label do not register as a click on the input. This breaks expectations for how native checkboxes are meant to behave and makes the input less accessible.
Reproduction: https://storybook.adminjs.co/?path=/story/designsystem-atoms-checkbox--default
Working example: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
Note: The checkbox works on default forms that are rendered by AdminJS, but when creating a custom component and using CheckBox and Label from the design system, it does not work as expected.
Even though the label has the appropriate
forattribute, clicks on the label do not register as a click on the input. This breaks expectations for how native checkboxes are meant to behave and makes the input less accessible.Reproduction: https://storybook.adminjs.co/?path=/story/designsystem-atoms-checkbox--default
Working example: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
Note: The checkbox works on default forms that are rendered by AdminJS, but when creating a custom component and using
CheckBoxandLabelfrom the design system, it does not work as expected.