[Bug]: Toggle click behavior

[sstrubberg]

Package

@carbon/react

Browser

Chrome

Package version

Storybook

React version

No response

Description

Checkout storybook. You can toggle it from anywhere in the white space

Reproduction/example

n/a

Steps to reproduce

n/a

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

This surfaced in slack.

This isn't a defect with the component itself, just with the story. We need to make the containing element that houses the label and toggle not span the entire width of the story so it behaves as you would expect: only clicking on the toggle or label makes the toggle switch.

[renmaddox]

I believe this is only partly true. If the label is appreciably longer than the toggle control, including the state label, then the problem still exists regardless of container.