reactjs / react.dev

The React documentation website
https://react.dev/
Creative Commons Attribution 4.0 International
11k stars 7.51k forks source link

[Bug]: Code editor not displaying code when scrolling #6997

Open LaPommeCosmique opened 3 months ago

LaPommeCosmique commented 3 months ago

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.