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

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

オープン
#1,963 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

bug
主要言語
HTML
スター
4.1k
フォーク
922
PR マージ指標
30日以内にマージされた PR はありません

説明

### Описание

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

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

Chromeで、デスクトップ幅が670px以上の状態で/introのようなチュートリアルページに問題を再現し、その後 .tutorial-progress までスクロールして、進捗要素の置き換え用divと計算された幅を確認します。進捗バーまでスクロールしても水平スクロールバーが作成されなくなれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css, html, javascript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。