[bug]: Sidebar is not closing/opening on Safari with React Router v7

[mattveraldi]

Describe the bug

Hi,
I am following this page to setup the Sidebar.
On Chrome it is working fine, on Safari it is not opening or closing.
Framework: React Router v7

Registrazione.schermo.2025-11-11.alle.20.09.54.mov

Affected component/components

Sidebar

How to reproduce

1. Setup a React Router v7 framework project using the default template.
2. Install ShadCN
3. Add the Sidebar component

Codesandbox/StackBlitz link

No response

Logs

[Info] Successfully preconnected to https://fonts.googleapis.com/
[Info] Successfully preconnected to https://fonts.gstatic.com/
[Debug] [vite] connecting... (client, line 733)
[Debug] [vite] connected. (client, line 827)

System Info

OS: Linux
Browser: Safari

Before submitting

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

[devgauravjatt]

Give browser logs

[mattveraldi]

Give browser logs

I just updated the issue. The reason why I didn't put logs in the first place is because I don't see any issue logged in them.

[SyedSibtainRazvi]

Hi @mattveraldi I tried to replicate this issue in the Safari browser, but everything worked as expected on my end. Please let me know if there are any specific changes you made. Thanks

Screen.Recording.2025-11-14.at.12.28.13.AM.mov