[Баг]: Появление горизонтального скрола
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 45/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- css, html, javascript
- Domain
- frontend
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.
Description
Описание
На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.
Как воспроизвести?
Чтобы воспроизвести баг, нужно:
- Открыть любую страницу в учебнике (например: https://learn.javascript.ru/intro), на разрешении от 670px и выше, с вертикальным скролом.
- Проскролить до элемента
.tutorial-progressи внизу экрана появится появиться горизонтальная полоса прокрутки.
При этом элемент
<progress>заменятся на<div style="width: ...px ...>в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.
Браузер
Chrome 125.0.6422.60
- Dominant language
- HTML
- Stars
- 4.1k
- Forks
- 922
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from javascript-tutorial/ru.javascript.info
-
suggestion: tutorial
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
javascript-tutorial/ru.javascript.info#2187 · 1 comment ·
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
javascript-tutorial/ru.javascript.info#2163 · 1 comment ·
-
[Баг]: Openbug
Difficulty 1/5 Under an hour Newbie friendliness 65/100
-
suggestion: tutorial
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
suggestion: tutorial
Difficulty 3/5 1-2 days Newbie friendliness 68/100
All issues in javascript-tutorial/ru.javascript.info
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
lobehub/lobe-icons#422 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 82/100
-
www.guideflow.com OpenN: AdGuard Browser Extension P4: Low T: Social Widget
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
AdguardTeam/AdguardFilters#242250 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 85/100