tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

[Select] Select 开启虚拟滚动后,滚动列表渲染过程出现严重抖动

Open cdevq opened this issue 1 year ago • 4 comments

tdesign-react 版本

1.9.2

重现链接

https://codesandbox.io/p/sandbox/loving-frost-6s94zz

重现步骤

重新步骤及问题见视频,如果关闭虚拟滚动功能,则没有这个问题

https://github.com/user-attachments/assets/ebfc505b-c6a4-42a6-9651-7d4876e3cdfe

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

Chrome(129.0.6668.100)

系统版本

Window10(22H2)

Node版本

No response

补充说明

No response

cdevq avatar Nov 11 '24 05:11 cdevq

👋 @cdevq,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Nov 11 '24 05:11 github-actions[bot]

需要再给面板配置个高度 popupProps={{ overlayInnerStyle: { height: '300px' } }} https://tdesign.tencent.com/react/components/select#%E5%BC%80%E5%90%AF%E8%99%9A%E6%8B%9F%E6%BB%9A%E5%8A%A8%E7%9A%84%E9%80%89%E6%8B%A9%E5%99%A8

uyarn avatar Nov 14 '24 07:11 uyarn

需要再给面板配置个高度 popupProps={{ overlayInnerStyle: { height: '300px' } }} https://tdesign.tencent.com/react/components/select#%E5%BC%80%E5%90%AF%E8%99%9A%E6%8B%9F%E6%BB%9A%E5%8A%A8%E7%9A%84%E9%80%89%E6%8B%A9%E5%99%A8

按上述建议,增加了这个高度配置,但是还是同样的问题,列表抖动非常严重,测试代码: https://codesandbox.io/p/sandbox/rpwq8t

问题视频:

https://github.com/user-attachments/assets/29acd2a1-2dc6-440f-b9bd-9b5aae0c82d1

cdevq avatar Nov 19 '24 13:11 cdevq

疑似又是 Windows 兼容性的问题...Mac 无法复现

RylanBot avatar Sep 12 '25 10:09 RylanBot