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.

Sign up for GitHub

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

Jump to bottom

[Table] 虚拟滚动表格，当数据增加超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') #661

Closed
LoopZhou opened this issue Mar 29, 2022 · 4 comments
Closed

[Table] 虚拟滚动表格，当数据增加超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') #661

LoopZhou opened this issue Mar 29, 2022 · 4 comments
Assignees
@chaishi
Labels
to be published fixed, not be published

Comments

@LoopZhou
Copy link
Collaborator

LoopZhou commented Mar 29, 2022 •
edited
Loading

tdesign-vue 版本

0.39.0

重现链接

https://codesandbox.io/s/tdesign-vue-demo-forked-l77fyj?file=/src/demo.vue:411-420

重现步骤

打开codesandbox链接，目前表格数据数量是19项，滚动没有异常。

  1. 点击增加按钮，增加数据数量超过threshold
  2. 此时滚动表格
  3. 控制台报错：Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect')"
  4. 滚动到最下面出现大量的空白，同时点击增加按钮已不起效

期望结果

正常滚动，不会出现大量空白

实际结果

image

框架版本

Vue(2.6.0)

浏览器版本

Chrome(99.0.4844.51)

系统版本

MacOS(10.15.7)

Node版本

12.22.0

补充说明

No response
@github-actions
Copy link
Contributor

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

@github-actions
Copy link
Contributor

github-actions bot commented Mar 29, 2022 •
edited
Loading

♥️ 有劳 @realyuyanan @chaishi @cool-518 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @LoopZhou 。

@LoopZhou LoopZhou changed the title [Table] 虚拟滚动表格，当项目数量超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') [Table] 虚拟滚动表格，当数据数量超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') Mar 29, 2022
@LoopZhou LoopZhou changed the title [Table] 虚拟滚动表格，当数据数量超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') [Table] 虚拟滚动表格，当数据增加超过threshold时， 滚动产生空白并且报错TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect') Mar 29, 2022
@chaishi
Copy link
Collaborator

chaishi commented Mar 29, 2022

resolved in #660

@chaishi chaishi mentioned this issue Mar 29, 2022
Merged
7 tasks
@uyarn uyarn added the to be published fixed, not be published label Mar 29, 2022
@chaishi chaishi closed this as completed Mar 29, 2022
@xiaosansiji
Copy link
Collaborator

已在 0.39.1 版本中修复

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@chaishi chaishi

Labels
to be published fixed, not be published
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@xiaosansiji @chaishi @LoopZhou @uyarn