Mobile navigation width is offset by scrollbar
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
On browsers that support ::webkit-scrollbar, the navigation width is offset by the width of the scrollbar, hence not exactly 100% of the overflowing parent.
In other browsers (e.g. Firefox, iOS browsers), the navigation width is correctly set to 100% of the overflowing parent, and with uneven padding on the parent, the nav looks like it's overflowing.
Chrome with transparent ::webkit-scrollbar:
Chrome without:
Firefox that supports scrollbar-color instead:
Guida per i contributori
Apri 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.
Direzione di ricerca
Riproduci il comportamento di navigazione in Chrome e Firefox, concentrandoti sull'elemento padre con overflow e sullo stile della barra di scorrimento menzionato nel report. Esamina gli stili di navigazione e confronta il risultato con e senza il supporto per ::webkit-scrollbar o scrollbar-color. Il lavoro è completato quando la navigazione occupa esattamente il 100% dell'elemento padre con overflow, senza overflow visivo né offset.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- css
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 38/100