[Bug]: Code editor not displaying code when scrolling
還沒有人認領這個 Issue。
- 主要語言
- JavaScript
- 星號
- 11.8k
- 分支
- 7.9k
- 平均合併
- 1 天 11 小時
- 30 天內合併 PR
- 11
描述
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.
貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
研究方向
先使用 Chrome 在 preserving-and-resetting-state 頁面的程式碼編輯器中重現問題,然後比較捲動、點擊編輯器,以及離開頁面後再返回時的情況。追蹤各頁面使用的編輯器進入點,並確認程式碼在捲動時仍會保持渲染,而不需要焦點或導覽。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- javascript, react
- 領域
- documentation, frontend
- Issue 類型
- 缺陷
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 42/100