[BUG] - Switch not toggling when text is highlighted

[DawidAbram]

NextUI Version

2.4.6

Describe the bug

The switch is not toggleable when some text on the page is highlighted/selected. Can be viewed even on the documentation page for the switch component.

Your Example Website or App

https://nextui.org/docs/components/switch

Steps to Reproduce the Bug or Issue

1. Select some text on the page with the switch
2. Try to toggle the switch

It will only work if you double click, and not always.

Expected behavior

As a user, I would expect the focus to change to the switch and it to toggle without a problem.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1232 [BUG] - Switch not toggling when text is highlighted

[DawidAbram]

For anyone that has this issue, a temporary solution I applied is to create a wrapper component which has an onClick that will remove the text selection:

onClick={(e) => { window.getSelection()?.removeAllRanges(); props.onClick?.(e); }}

[awesome-pro]

@DawidAbram this issue will be resolved by #3552

Kindly close the issue