Page behind the open mobile menu still scrolls
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 76/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- css, html
- Ambito
- frontend
Direzione di ricerca
Inizia individuando il pulsante di attivazione del menu mobile e la gestione della sua apertura e chiusura. Riproduci quindi il problema a 390x844 e controlla la posizione di scorrimento della pagina mentre il menu è aperto. Blocca lo scorrimento dello sfondo mentre il menu è aperto e ripristinalo alla chiusura, premendo Escape e passando alle dimensioni desktop. Verifica che lo scorrimento riprenda a funzionare dopo ciascuno di questi modi di chiudere il menu.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Open
/OWASP-Hunting/payloads/sql-injection/at 390x844. - Tap the menu button.
- 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.
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.
- Lingua principale
- Python
- Stelle
- 22
- Fork
- 14
- Merge medio
- 14h 14m
- PR unite (30g)
- 29
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di OWASP/OWASP-Hunting
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
OWASP/OWASP-Hunting#96 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
OWASP/OWASP-Hunting#93 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
OWASP/OWASP-Hunting#92 ·
I maintainer di solito rispondono entro 1 giorno
-
bug Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
OWASP/OWASP-Hunting#91 ·
I maintainer di solito rispondono entro 1 giorno
-
bug Website
Difficoltà 2/5 1-3 ore Idoneità per principianti 79/100
OWASP/OWASP-Hunting#90 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di OWASP/OWASP-Hunting
Issue simili
-
Difficoltà 1/5 1-3 ore Idoneità per principianti 88/100
aws-samples/sample-per-model-bedrock#857 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 70/100
521xueweihan/HelloGitHub#4328 ·
-
documentation maintainer-managed
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
awslabs/visual-asset-management-system#1418 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno