hcg1023 / vue3-dnd

React Dnd implementation in Vue Composition-api.
https://www.vue3-dnd.com
MIT License
643 stars 52 forks source link

拖拽源使用element-plus的table组件,导致拖拽源的拖拽预览dom高度超出如何解决? #23

Closed liuuky closed 2 years ago

liuuky commented 2 years ago

table的body内容可滑动

IMG101

超出dom高度依赖于table的body内容的高度

IMG103

拖拽其他元素对比

IMG102

hcg1023 commented 2 years ago

可以提供一个复现的链接吗?git仓库就可以

liuuky commented 2 years ago

仓库地址:https://github.com/liuuky/vue3-dnd-test

git仓库就可以提供一个复现的链接吗?

hcg1023 commented 2 years ago

@liuuky 我测试了react-dnd,它也存在同样的问题,问题主要出现在chrome浏览器,safari没有发现同样的问题,目前已经提交给了react-dnd,https://github.com/react-dnd/react-dnd/issues/3471

hcg1023 commented 2 years ago

@liuuky 我觉得我找到了解决方案 可以给drag元素添加transform: translateZ(0);或者transform: translate3d(0, 0, 0);就可以解决这个问题 https://github.com/react-dnd/react-dnd/issues/832 https://github.com/react-dnd/react-dnd/issues/1608

liuuky commented 2 years ago

@liuuky 我觉得我找到了解决方案 可以给drag元素添加transform: translateZ(0);或者transform: translate3d(0, 0, 0);就可以解决这个问题 react-dnd/react-dnd#832 react-dnd/react-dnd#1608

这个方法可以解决,感谢您的回复和帮助!

hcg1023 commented 2 years ago

@liuuky 我觉得我找到了解决方案 可以给drag元素添加transform: translateZ(0);或者transform: translate3d(0, 0, 0);就可以解决这个问题 react-dnd/react-dnd#832 react-dnd/react-dnd#1608

这个方法可以解决,感谢您的回复和帮助!

没关系,有帮助的话可以点个star

liuuky commented 2 years ago

@liuuky 我觉得我找到了解决方案 可以给drag元素添加transform: translateZ(0);或者transform: translate3d(0, 0, 0);就可以解决这个问题 react-dnd/react-dnd#832 react-dnd/react-dnd#1608

这个方法可以解决,感谢您的回复和帮助!

没关系,有帮助的话可以点个star

👌🏻用的时候已star过

hcg1023 commented 2 years ago

👌🏻用的时候已star过

感谢