Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
887 stars 339 forks source link

[Tree] 开启虚拟滚动时,如果组件高度过高会导致渲染异常 #3181

Open DanielShuguang opened 1 month ago

DanielShuguang commented 1 month ago

tdesign-vue 版本

1.9.4@naruto

重现链接

No response

重现步骤

在官方文档中“虚拟滚动”提供的示例代码中修改高度超过600即可复现

期望结果

在任何高度下都应该可以完整地渲染整个可视区域

实际结果

在设置height为400时正常渲染;如果为600,第一屏正常,但是随着滚动会导致可视区域的下半区域不再渲染节点,并维持在很小的一个高度。 image

image

框架版本

Vue(2.7.14)

浏览器版本

No response

系统版本

Window11

Node版本

20.12.2

补充说明

这个bug严重影响了虚拟滚动最基本的使用

github-actions[bot] commented 1 month ago

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