page content overlaps mobile menu
Open
Nobody has claimed this yet.
bug
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 58
- PR merge metrics
- No merged PRs in 30d
Description
The page content overlaps the open mobile menu.
To Reproduce
Steps to reproduce the behavior:
- Go to demo page on mobile
- Click on the hamburger icon to open menu
- See bug
Expected behavior
The mobile menu should be on be above all content.
Screenshots
Smartphone:
- Device: iPhone Xr and iPhone 6
- OS: iOS 16.0.2 and iOS 12.5.6
- Browser: safari
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
Reproduce the overlap on the linked demo page using a mobile Safari viewport, then locate the hamburger menu and its mobile layout styles in the Next.js/React frontend. Confirm the menu stays above page content when opened on the listed iPhone and Safari environments.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100