Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
egorReka opened this issue May 19, 2024 · 2 comments
Open

Comments

@egorReka
Copy link

Описание

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

@egorReka egorReka added the bug label May 19, 2024
@Alexandre887
Copy link
Member

Добрый день.

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

@egorReka
Copy link
Author

Добрый день.

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants