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

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

Aberta
#1,963 2 comentários 0 reações 0 responsáveis Ver no GitHub
bug
Linguagem predominante
HTML
Estrelas
4.1k
Forks
922
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

### Описание

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

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

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Reproduza o problema em uma página de tutorial como /intro no Chrome, com uma largura de desktop de 670px ou mais; em seguida, role até .tutorial-progress e inspecione a div de substituição do elemento de progresso e a largura calculada. Está concluído quando rolar até a barra de progresso não cria mais uma barra de rolagem horizontal.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
css, html, javascript
Domínio
frontend
Tipo de issue
Bug
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
45/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.