Sticky时,底部scroll-bar显示异常
還沒有人認領這個 Issue。
評估
- 難度
- 2/5
- 預估耗時
- 1-3 小時
- 新手友好度
- 52/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- react, typescript
- 領域
- frontend
研究方向
從 rc-table/es/stickyScrollBar.js 開始,重點關注 onContainerScroll 以及表格主體高度的讀取方式。重現一個資料快速變化的 sticky 表格,然後驗證更新後底部捲軸的可見性是否跟隨渲染後的主體高度變化。完成標準是:在所回報的情境中捲軸正確,同時不影響正常的 sticky 捲動。
由索引模型根據 Issue 內容生成。
描述
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时,table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js :
onContainerScroll
推测是由于table数据再短时间内发生了变化,计算时只用了第一次传入的table数据。
经修改,加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- 主要語言
- TypeScript
- 星號
- 1.4k
- 分支
- 619
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
這個專案沒有提供開發容器、Dockerfile 或貢獻指南,環境需要你自己搭建:先看它的 README,通用步驟見我們的新手貢獻指南。
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
react-component/table 的其他 Issue
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)可能已有人在做 @rubenmarcus 於 14 天前認領。 未關閉
難度 4/5 3-5 天 新手友好度 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children field可能已有人在做 @nrps9909 於 48 天前認領。 未關閉
難度 3/5 1-2 天 新手友好度 50/100
react-component/table#1416 ·
-
難度 5/5 一週以上 新手友好度 30/100
react-component/table#1403 ·
-
難度 5/5 一週以上 新手友好度 15/100
react-component/table#1269 · 1 則留言 ·
-
難度 4/5 3-5 天 新手友好度 35/100
react-component/table#1257 · 1 個 reaction ·
查看 react-component/table 的全部 Issue
相似的 Issue
-
難度 2/5 1-3 小時 新手友好度 82/100
維護者通常 1 天內回覆
-
status:approved type:bug
難度 1/5 1 小時以內 新手友好度 70/100
維護者通常 1 天內回覆
-
stage:4
難度 2/5 1-3 小時 新手友好度 65/100
ilan-pinto/roaring-lions#598 ·
維護者通常 1 天內回覆
-
bug
難度 2/5 1-3 小時 新手友好度 68/100
維護者通常 1 天內回覆
-
Frontmatter next to `src:` is applied to every imported slide, not only the first (undocumented)未關閉
難度 2/5 1-3 小時 新手友好度 62/100
維護者通常 1 天內回覆