Page behind the open mobile menu still scrolls

Open Beginner friendly
#89 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
76/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
css, html
Domain
frontend

Research direction

Start by locating the mobile menu toggle and its open and close handling, then reproduce the issue at 390x844 and check the page's scroll position while the menu is open. Lock background scrolling while the menu is open, restore it on close, Escape, and resize to desktop, and verify that scrolling works again after each close path.

Written by the indexing model from the issue text.

Description

bug Website

Summary

When the mobile navigation menu is open, the page behind it still scrolls. The menu covers the top of the page while the content moves underneath it.

Steps to reproduce

  1. Open /OWASP-Hunting/payloads/sql-injection/ at 390x844.
  2. Tap the menu button.
  3. Scroll with the wheel or touch.

Expected

Background scrolling is locked while the menu is open.

Actual

scrollY goes from 0 to 500 after one wheel event with the menu open, and body has overflow: visible. Focus does move to the Close button, so keyboard handling is fine.

Page scrolled behind the open menu

Suggested fix

Set overflow: hidden on html or body while the menu is open and restore it on close, including on Escape and on resize to desktop.

Environment

website branch, Chromium emulating 390x844.

Dominant language
Python
Stars
22
Forks
14
Avg merge
14h 14m
Merged PRs (30d)
29

Getting set up

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.

More from OWASP/OWASP-Hunting

All issues in OWASP/OWASP-Hunting

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.