Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#1,963 2 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

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

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.

Descrição

bug
Описание

На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.

Как воспроизвести?

Чтобы воспроизвести баг, нужно:

  1. Открыть любую страницу в учебнике (например: https://learn.javascript.ru/intro), на разрешении от 670px и выше, с вертикальным скролом.
    before-scroll
  2. Проскролить до элемента .tutorial-progress и внизу экрана появится появиться горизонтальная полоса прокрутки.
    after-scroll

При этом элемент <progress> заменятся на <div style="width: ...px ...> в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.
fix

Браузер

Chrome 125.0.6422.60

Linguagem predominante
HTML
Estrelas
4.1k
Forks
922
Métricas de merge de PRs
Nenhum PR com merge em 30d

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de javascript-tutorial/ru.javascript.info

Todas as issues de javascript-tutorial/ru.javascript.info

Issues semelhantes

Mais issues de Web Dev

Receba novas issues na sua caixa de entrada

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