[Bug]: Code editor not displaying code when scrolling

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.

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

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.

首先使用 Chrome 在 preserving-and-resetting-state 页面中的代码编辑器里复现该问题，然后比较滚动、点击编辑器以及离开页面后再返回时的情况。跟踪各页面使用的编辑器入口点，并验证代码在滚动时仍会保持渲染，而不需要焦点或导航。