[错误]: 使用大的 getRowHeight 进行拖动时,滚动条拇指失去同步并"滑动"

• 链接到可复制的情景

https://jsfidle.net/xopa75hd/4/ (中文(简体) ).

描述错误

鼠标Cursor与滚动条拇指(滚动条可拖动的部分)在拖放以通过网格滚动时有显著的去同步. 这在使用 " GetRowHeight " 回调时特别发生。

随着用户向下拖动滚动条以达到数据集的收尾,拇指无法用鼠标指针保持1:1的位置. 它"滑"或"lag"后起,或有时会跳出,因为网格似乎在滚动动作中动态地重新计算了整个虚拟高度.

• 复制步骤

1. 以中至大数据集(如300+行)打开网格.
2. 使用回调设置自定义行高:GetRowHeight()=>-100}.
3. 尝试用鼠标抓取垂直滚动条拇指并稳步从上到下拖取.
4. ** 观察:** 拇指从鼠标Cursor向外漂移,使得很难精确地导航到列表的末尾.

QQ 生活实例 即使在官方的AG Grid文件中,这个问题也是可以复制的: (https://www.ag-grid.com/react-data-grid/row-height/#getrowheight-callback) 互联网档案馆的存檔,存档日期2011-12-22.

• 预期行为 滚动条拇指应当在拖动操作中保持与鼠标Cursor完全同步,无论行高计算方法如何,提供平滑而可预测的滚动体验.

实际行为 滚动条拇指与鼠标Cursor失去同步性. 这说明在使用 " GetRowHeight " 时,与静态 " rowHeight " 属性相比,虚拟卷轴高度是如何估计或更新的。

环境

• ** AG 网格版本:** 35.2.0(可在当前文件上复制)
• ** 框架:** 反应19.2.4(也载于Vanilla JS)
• 浏览器: 在Chrome/Edge(最晚)试验
• ** 监督办:** 窗口

++ 附加上下文 随着"GetRowHeight"返回的值的增加(例如100px对默认的42px),这个问题变得更加突出. 似乎虚拟化引擎在将卷轴栏轨迹百分比映射到行高而通过回调计算的实际像素相抵时会挣扎.

翻译:

35.2.0 (中文(简体) ).

问题是否仅仅针对一个具体框架?

所有语文

QQ 这个问题是否只在特定的浏览器中观察到?

颜色