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

TreeSelect 树选择 当文字不在一行后,虚拟滚动失效。问题不稳定,有的浏览器可以。

Open 791197071 opened this issue 1 year ago • 1 comments
trafficstars

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

Version

3.2.10

Environment

mac、vue3.0 ts、 Chrome120

Reproduction link

https://www.antdv.com/components/tree-select-cn

Steps to reproduce

当文字换行后,虚拟滚动失效。初步猜测初始高度计算错误,不应该按照一行计算。还有可能数据量大,页面还没渲染完毕,默认按照一行计算了,到时虚拟滚动失效。

What is expected?

问题解决,当数据换行后,虚拟滚动不会失效,下拉树可以正常显示

What is actually happening?

TreeSelect 树选择 当文字超出换行,鼠标滚动不了,虚拟滚动失效。问题不稳定,有的浏览器可以。


还有希望不要隐藏滚动条,目前只要滚动才显示滚动条,体验不优化

791197071 avatar Jan 23 '24 01:01 791197071

https://codesandbox.io/p/sandbox/eloquent-faraday-nl2dxf?file=%2Fsrc%2Fcomponents%2FHelloWorld.vue%3A995%2C1 这个是例子

791197071 avatar Jan 24 '24 08:01 791197071

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

github-actions[bot] avatar Mar 25 '24 02:03 github-actions[bot]