Skip to content

Bug - Sidebar - Hidden on smaller screens #12439

Description

@xWires

Describe the problem
Sidebars will not be visible on the page when using a smaller screen and isManagedSidebar is false on the Page.

How do you reproduce the problem?
This can be seen on the PatternFly website: https://www.patternfly.org/components/page#vertical-navigation

  1. Reduce the size of the browser window until the sidebar automatically closes
  2. Click the hamburger button to try to open it again
  3. The sidebar does not open

Expected behavior
The sidebar should appear on the page as it does when using isManagedSidebar on a small screen.

Is this issue blocking you?
We cannot update our mobile app to the newest version of PatternFly due to this.

Screenshots
Before opening:

image

After trying to open: (Note part of the sidebar appearing on the left)

image

What is your environment?

  • OS: Linux
  • Browser: Firefox
  • Version: 149.0.2

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

Any other information?


Jira Issue: PF-4262

Activity

  1. added theissue type on May 31, 2026
  2. xWires commented on Jun 2, 2026

    @xWires
    Author

    Adding onPageResize={() => {}} to the Page fixes the issue.

  3. gitdallas commented on Jun 2, 2026

    @gitdallas
    Contributor

    the above is just a workaround mentioned here (internal redhat slack) along with info about what the issue is stemming from:

    looks like here https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/components/Page/Page.tsx#L157 it's not getting either the onPageResize or the isManagedSidebar and not setting up the listener. without the listener isMobile never updates, so pf-m-expanded is never applied on small screens here https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/components/Page/PageSidebar.tsx#L46

    i believe the issue is still valid.

  4. xWires commented on Jun 3, 2026

    @xWires
    Author

    Sorry, by 'fixed' I meant that it works as a temporary workaround, not that the issue is resolved.

  5. github-actions commented on Aug 8, 2026

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  6. xWires commented on Aug 8, 2026

    @xWires
    Author

    This is still a problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions