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

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

Aperta
#1,963 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug
Lingua principale
HTML
Stelle
4.1k
Fork
922
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### Описание

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

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproduci il problema in una pagina del tutorial come /intro in Chrome con una larghezza desktop di 670px o superiore, quindi scorri fino a .tutorial-progress e ispeziona il div sostitutivo dell’elemento di avanzamento e la larghezza calcolata. Il lavoro è completato quando scorrere fino alla barra di avanzamento non crea più una barra di scorrimento orizzontale.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
css, html, javascript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.