Skip to content

Mobile/tablet: sidebar overlay stays open after navigating to a page #7143

Description

@Abdul-Moiz31

Product

Platform/Access controls/Other

Describe the bug

On narrow viewports (mobile, tablets, or any browser window below 1024px), the sidebar renders as a sheet overlay on top of the page content. When you tap a navigation item in this overlay (e.g. Settings → Product Settings), the app navigates to the destination page correctly, but the sidebar overlay does not close — it stays open covering the page you just navigated to. You have to manually dismiss it every time to see the result of your click.

This affects all sidebar navigation on narrow viewports: the organization nav, the settings submenu, project navigation, the project-type listing nav, and the server admin sidebar.

To Reproduce

  1. Resize the browser window below 1024px (or open Infisical on a mobile device/tablet)
  2. Tap the hamburger button to open the sidebar overlay
  3. Tap "Settings" to open the settings submenu, then tap "Product Settings" (or any other nav item)
  4. The page navigates in the background, but the sidebar overlay stays open, covering the destination page

Expected behavior

Tapping a navigation item that opens a new page should automatically close the sidebar overlay so the destination page is visible — this is the standard behavior for mobile drawer navigation.

The overlay should only stay open when the tapped item reveals a submenu inside the sidebar itself (e.g. tapping "Settings" to show the settings sub-items, or the "< back" buttons), since the user is still navigating within the sidebar.

Desktop behavior should be unchanged (the sidebar is pinned next to the content there, not overlaying it).

Screenshots

Screen.Recording.2026-07-03.at.12.17.22.PM.mov

Deployment Type

Infisical Cloud

Additional context

Root cause: the sidebar nav links (OrgNavLink, ProjectNavLink, ProjectTypeNav, SubmenuViews, AdminSidebar) are plain router s and never call setOpenMobile(false) from the v3 Sidebar context, so the mobile Sheet is never dismissed after navigation.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions