Skip to content

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

@mattveraldi

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions