Skip to content

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

@chawes13

Description

@chawes13

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions