Skip to content

Bug - Sidebar should auto-close on item selection below 1200px viewport width #4972

@tarunvashishth

Description

@tarunvashishth

Describe the problem
This is an issue with

  • Patternfly 5

  • Patternfly 6

  • other

The Sidebar remains open after selecting a navigation item when the viewport width is below the desktop breakpoint (~1200px). This causes the main content to remain partially obscured and requires an additional manual action to close the sidebar.

Affected components:

  • Page layout / Sidebar navigation

How do you reproduce the problem?

  1. Resize the browser viewport to below the xl breakpoint (~1200px).
  2. Open the sidebar if not already expanded.
  3. Click any navigation item in the sidebar.
  4. Observe that the sidebar remains open.

Expected behavior

When the viewport width is below the desktop breakpoint, selecting a navigation item should automatically close the sidebar to reveal the main content area.


Is this issue blocking you?

Not blocking, but creates usability friction on smaller screens.

Workaround:
Manually close the sidebar after selecting a navigation item.


What is your environment?

  • OS: macOS

  • Browser: Chrome

  • Version: Latest


What is your product and what release date are you targeting?

N/A


Any other information?

This behavior aligns with common responsive navigation patterns where side navigation collapses automatically on smaller viewports to maximize available content space.

Screen.Recording.2026-02-21.at.5.42.04.PM.mov

Jira Issue: PF-3800

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions