adminjs-design-system icon indicating copy to clipboard operation
adminjs-design-system copied to clipboard

Clicking the label of the checkbox does not mark it as checked

Open chawes13 opened this issue 1 year ago • 0 comments

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.

Zight Recording 2024-11-02 at 07 52 04 PM

chawes13 avatar Nov 02 '24 23:11 chawes13