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

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

Abierto
#1,963 2 comentarios 0 reacciones 0 asignados Ver en GitHub
bug
Lenguaje dominante
HTML
Estrellas
4.1k
Forks
922
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

### Описание

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

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Reproduce el problema en una página de tutorial como /intro en Chrome con un ancho de escritorio de 670px o más; después, desplázate hasta .tutorial-progress e inspecciona el div de reemplazo del elemento de progreso y el ancho calculado. Se considera terminado cuando desplazarse hasta la barra de progreso ya no crea una barra de desplazamiento horizontal.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
css, html, javascript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.