tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://headlessui.com
MIT License
25.02k stars 1.03k forks source link

Using a Switch blocks Command-N from opening a new window in macOS Safari #3291

Open skfoo opened 2 weeks ago

skfoo commented 2 weeks ago

I can reproduce this just by going to https://headlessui.com/v1/vue/switch and playing with the switch there, with both the React and Vue components.

I can't reproduce this using Chrome/Firefox on Mac, they work fine.

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

1.7.22 in my own project

What browser are you using?

Safari macOS

Reproduction URL

https://headlessui.com/v1/vue/switch

Ok that's not a minimal github repo but I think you expect it to work properly there too.

Describe your issue

The window doesn't open. But if you click outside the switch to get rid of its keyboard focus, the Command-N hot key works.