Describe the bug
Passing className to Checkbox replaces the class that visually hides the native checkbox input, instead of merging with it. Both the native checkbox and the EDS-styled checkbox render simultaneously.
Steps to reproduce
- Render
<Checkbox className="some-custom-class" />
- Observe the native browser checkbox renders alongside the styled EDS checkbox instead of being hidden.
Expected behavior
className merges with the component's internal classes rather than overwriting the one that hides the native input.
Specifications
- Version:
@equinor/eds-core-react@3.0.0-beta.1
Additional context
Workaround: avoid passing className directly to Checkbox; apply layout styling to an external wrapper element instead.
Describe the bug
Passing
classNametoCheckboxreplaces the class that visually hides the native checkbox input, instead of merging with it. Both the native checkbox and the EDS-styled checkbox render simultaneously.Steps to reproduce
<Checkbox className="some-custom-class" />Expected behavior
classNamemerges with the component's internal classes rather than overwriting the one that hides the native input.Specifications
@equinor/eds-core-react@3.0.0-beta.1Additional context
Workaround: avoid passing
classNamedirectly toCheckbox; apply layout styling to an external wrapper element instead.