reactjs / reactjs/react.dev

[Bug]: Code editor not displaying code when scrolling

Aberta
#6,997 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

bug: unconfirmed
Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

Summary

When I scroll in a code sample editor, sometimes the lines are blank and nothing is rendered (pictures attached below). I can force the code to render if I click in the code editor, or navigate to a new tab and then come back.

Page

Any page that there is a code editor, (the images are from https://react.dev/learn/preserving-and-resetting-state)

Details

The image below shows what it looks like when I scroll in a code editor. Nothing past line 36 is displayed.

image

When I click the code editor, the lines become visible.

image

I have tried to find a pattern for when this occurs, but to me, it seems mostly random (and happens maybe 5% of the time).

I am using Google Chrome Version 126.0.6478.127.

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.

Direção de pesquisa

Comece reproduzindo o problema no editor de código da página preserving-and-resetting-state usando o Chrome e, em seguida, compare a rolagem com clicar no editor ou navegar para outra página e voltar. Rastreie o ponto de entrada do editor usado nas páginas e verifique se o código continua renderizado durante a rolagem sem exigir foco ou navegação.

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

Avaliação

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

Receba novas issues na sua caixa de entrada

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