Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

[Баг]: Появление горизонтального скрола

Offen
#1,963 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
45/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
css, html, javascript
Bereich
frontend

Rechercherichtung

Reproduziere das Problem auf einer Tutorial-Seite wie /intro in Chrome bei einer Desktop-Breite von 670px oder mehr. Scrolle dann zu .tutorial-progress und überprüfe das Ersatz-div des Fortschrittselements und die berechnete Breite. Fertig bedeutet, dass beim Scrollen zur Fortschrittsleiste keine horizontale Bildlaufleiste mehr erstellt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

bug
Описание

На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.

Как воспроизвести?

Чтобы воспроизвести баг, нужно:

  1. Открыть любую страницу в учебнике (например: https://learn.javascript.ru/intro), на разрешении от 670px и выше, с вертикальным скролом.
    before-scroll
  2. Проскролить до элемента .tutorial-progress и внизу экрана появится появиться горизонтальная полоса прокрутки.
    after-scroll

При этом элемент <progress> заменятся на <div style="width: ...px ...> в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.
fix

Браузер

Chrome 125.0.6422.60

Vorherrschende Sprache
HTML
Sterne
4.1k
Forks
922
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus javascript-tutorial/ru.javascript.info

Alle Issues in javascript-tutorial/ru.javascript.info

Ähnliche Issues

Weitere Issues zu Web Dev

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.