search

javascript-tutorial / ru.javascript.info

Современный учебник JavaScript
https://learn.javascript.ru
Other
3.84k stars 917 forks source link

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

Open egorReka opened 6 months ago

egorReka commented 6 months ago

Описание

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

Alexandre887 commented 5 months ago

Добрый день.

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

egorReka commented 5 months ago

Добрый день.

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

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