javascript-tutorial / ru.javascript.info

Современный учебник JavaScript

Home Page:https://learn.javascript.ru

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

egorReka opened this issue · comments

Описание

На станицах учебника, при наличии вертикального скрола (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

Добрый день.

Могу ли я попросить вас сделать запись экрана, где будет виден сам баг (процесс его воспроизведения)?

Добрый день.

Конечно: https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/822ed59a-af0b-4b97-8358-90bacee70390

Пишите, если нужна дополнительная информация, буду рад помочь.