javascript-tutorial / javascript-tutorial/ru.javascript.info

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

Open
#1,963 2 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
HTML
Stars
4.1k
Forks
921
PR merge metrics
No merged PRs in 30d

Description

### Описание

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

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

Чтобы воспроизвести баг, нужно:
1. Открыть любую страницу в учебнике *(например: https://learn.javascript.ru/intro)*, на разрешении от 670px и выше, с вертикальным скролом.
![before-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/d61f319a-d46a-49a6-bdfa-696bc0c6be5a)
3. Проскролить до элемента `.tutorial-progress` и внизу экрана появится появиться горизонтальная полоса прокрутки.
![after-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/95cd2c31-dc2a-4e09-87cf-f1146cded2b2)

>При этом элемент `` заменятся на `

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on a tutorial page such as /intro in Chrome at a desktop width of 670px or more, then scroll to .tutorial-progress and inspect the progress element's replacement div and calculated width. Done means scrolling to the progress bar no longer creates a horizontal scrollbar.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.