[ElemeFE/element][Bug Report] Collapse 折叠面板组件内嵌套Table组件时,动画效果出现bug,用户体验差

2024-08-19 896 views
9

windows 7 / Google Chrome 75.0.3770.142(正式版本) (64 位)

2.6.10

https://codepen.io/usernameddd/pen/mdJmpaw?editable=true

进入页面之后,先点击“表格折叠面板”,此时面板将被收起/关闭,再点击“表格折叠面板”,此时面板将被展开/打开,过渡效果出现超过表格实际高度的区域然后又回到表格的实际高度。

折叠面板嵌套表格能表现出正常的过渡效果,过渡效果不要超出折叠面板内容的实际高度

过渡效果超出折叠面板内容的实际高度

回答

3

这个问题是由于Table组件的doLayout引起的,父元素隐藏显示会触发doLayout,collapse-transition.js没有针对这种子元素动态高度的情况做处理,直接获取过渡元素的高度对于这种dom没有加载完成的元素来说,获取的scrollHeight是不准确的

2

请问此问题已有解决方法了么,应该如何解决?

8

同问

0

是不是出3了,这问题不解决了?

2

我看了好像一样有问题的

8

这可不是我写的,我看着写的不错贴上来地址供参考,既然坐着本人找到了,那我贴你的原地址

9

哈哈哈,问题不大~~