Resizable highlights children in safari on mac

[joe-bro-1]

Describe the bug

when using the Resizable component in safari on macOS

https://github.com/shadcn-ui/ui/assets/117040706/0a3c5d89-062b-4e2d-90cb-d60f779b156a

Affected component/components

Resizable

How to reproduce

in safari on macOS drag a resizable element

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

safari Version 17.3.1

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues

[flixlix]

I am using Safari and am not experiencing this issue...

[krouskystepan]

I'm using Safari and I have this issue.. I don't know...

[EnzoDOROSARIO]

I don't have this issue on safari 17.0 (M2 mac)

[shouryan01]

Any updates on this? I have the same issue Safari 17.3.1

[joe-bro-1]

you can add select-none class to <ResizablePrimitive.PanelGroup> and then add the select-auto to any <ResizablePanel>.

p.s. i found the fix in pr #2926 (wasn't merged), but it (#2926) doesn't add select-auto to <ResizablePanel> elements so you aren’t able to select text, but this should work. more info on use-select https://developer.mozilla.org/en-US/docs/Web/CSS/user-select.

[wontory]

Maybe this can fix this issue perfectly #3786