patternfly / patternfly/patternfly-react

Bug - Sidebar - Hidden on smaller screens

Open
#12,439 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
862
Forks
392
Avg merge
4d 8h
Merged PRs (30d)
9

Description

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the Page component and its sidebar behavior, then reproduce the issue from the PatternFly vertical navigation example by shrinking the browser and using the hamburger button. Done means the sidebar opens on a smaller screen when isManagedSidebar is false, matching the behavior when it is true.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.