patternfly / patternfly/patternfly-react
Bug - Sidebar - Hidden on smaller screens
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
- Reduce the size of the browser window until the sidebar automatically closes
- Click the hamburger button to try to open it again
- 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:
After trying to open: (Note part of the sidebar appearing on the left)
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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