物品掉落时跳动反应美丽的dnd

时间:2019-12-01 22:22:12

标签: javascript css react-beautiful-dnd

尝试使用react-beautiful-dnd创建Dragabble项目,但找不到为什么如此“跳跃”。在移动并释放项目之后,被拖动的项目和其他项目正在移动并缩放(请参见附带的图像gif)。仅当将一个项目/卡片拖到列表的末尾时,它才稳定下来而没有任何动画,这就是我想要它们的方式。

在基于JavaScript的CSS中使用material-UI样式和flex将容器与项目居中放置。

尝试也跳过建议的放下动画,但未成功:https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md

gif image of issue

1 个答案:

答案 0 :(得分:0)

Ok在文档中针对可拖动项目的内容找到了它:“还建议您不要对拖动元素应用自己的过渡属性。”

删除了此css,即阴影的平滑器:

transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',