reactjs / reactjs/react.dev

[Bug]: Code editor not displaying code when scrolling

Offen
#6,997 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug: unconfirmed
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

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.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, das Problem im Code-Editor auf der preserving-and-resetting-state-Seite mit Chrome zu reproduzieren, und vergleiche anschließend das Scrollen mit dem Anklicken des Editors oder dem Weg- und Zurücknavigieren. Verfolge den auf den Seiten verwendeten Einstiegspunkt des Editors und überprüfe, dass der Code beim Scrollen weiterhin gerendert wird, ohne dass Fokus oder Navigation erforderlich sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.