Mobile navigation width is offset by scrollbar
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 11.8k
- Forks
- 7.9k
- Ø Merge
- 1 T. 11 Std.
- Gemergte PRs (30 T.)
- 11
Beschreibung
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:
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Reproduziere das Navigationsverhalten in Chrome und Firefox und konzentriere dich dabei auf das überlaufende übergeordnete Element und die im Bericht erwähnte Scrollbar-Gestaltung. Untersuche die Navigationsstile und vergleiche das Ergebnis mit und ohne Unterstützung für ::webkit-scrollbar oder scrollbar-color. Als abgeschlossen gilt die Aufgabe, wenn die Navigation ohne visuellen Überlauf oder Versatz genau 100 % des überlaufenden übergeordneten Elements einnimmt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 38/100