ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

Select 组件如果设置了 listHeight,会导致在海量数据的情况下滚动列表非常卡甚至浏览器无响应,猜测是 virtual scroll 失效?

Open nulla2011 opened this issue 1 year ago • 0 comments
trafficstars

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.1.0

Environment

Windows 10 or Android; Chrome 120 or electron 25.6.8; Vue 3.4.4

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. 在搜索框随便输个数字或字母
  2. 弹出结果
  3. 滚动

What is expected?

滚动流畅,因为使用了虚拟滚动

What is actually happening?

卡顿,甚至浏览器无响应


因为 listHeight 默认值是 256,所以尝试设置 listHeight="256",问题依然能够复现。 另外尝试用 react 原版 antd,将 props 配置照搬过去,没有出现这个问题。

nulla2011 avatar Jan 10 '24 07:01 nulla2011