Resizable highlights children in safari on mac

shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

https://ui.shadcn.com

MIT License

70.94k stars 4.27k forks source link

Resizable highlights children in safari on mac #2902

Open joe-bro-1 opened 7 months ago

joe-bro-1 commented 7 months ago

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 commented 7 months ago

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

krouskystepan commented 7 months ago

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

EnzoDOROSARIO commented 7 months ago

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

shouryan01 commented 4 months ago

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

joe-bro-1 commented 4 months ago

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 commented 3 months ago

Maybe this can fix this issue perfectly #3786