fix: CheckBoxToggle click behavior - Githubissues

nexxtway / react-rainbow

🌈 React Rainbow Components. Build your web application in a snap.

https://react-rainbow.io

MIT License

1.79k stars 112 forks source link

fix: CheckBoxToggle click behavior #2630

Open wildergd opened 1 year ago

wildergd commented 1 year ago

Problem when clicking outside CheckBoxToggle

[x ] I have searched the issues of this repository and believe that this is not a duplicate.

Describe the bug

When CheckoxToggle has label aligned on top and click on the empty space after the toggle it fires the click event

Screenshots

https://github.com/nexxtway/react-rainbow/assets/3240995/e08e2937-735b-456b-897c-e862d03a7c7a

To Reproduce 🕹

Steps to reproduce the behavior:

Go to any CheckBoxToggle example
Click on "Show Code"
change label to a large text and set labelAlignment to "top"
Click on the empty space below the label but outside the toggle