Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
cdevq opened this issue Nov 11, 2024 · 3 comments
Labels

Comments

@cdevq
Copy link

cdevq commented Nov 11, 2024

tdesign-react 版本

1.9.2

重现链接

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

重现步骤

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

tdesign.select.virtual.scroll.issue.2024-11-11.cut.mp4

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

Chrome(129.0.6668.100)

系统版本

Window10(22H2)

Node版本

No response

补充说明

No response

Copy link
Contributor

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

@uyarn
Copy link
Collaborator

uyarn commented Nov 14, 2024

需要再给面板配置个高度 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 uyarn added the usage label Nov 14, 2024
@cdevq
Copy link
Author

cdevq commented Nov 19, 2024

需要再给面板配置个高度 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

问题视频:

tdesign.select.virtual.scroll.issue.2024-11-19.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants