Reactjs 移动可拖动设备时,列表顶部会出现一个大的间隙,并以奇怪的方式移动所有设备(DND) 预期行为

Reactjs 移动可拖动设备时,列表顶部会出现一个大的间隙,并以奇怪的方式移动所有设备(DND) 预期行为,reactjs,react-beautiful-dnd,Reactjs,React Beautiful Dnd,如示例中所示,任务不会移出边界 实际行为 我的任务被奇怪地移出了边界,我不知道如何才能不去做。我确实遵循了教程,我也有同样的问题。红色边框是放置区。 复制步骤 查看下面的演示。从上到下拖动会产生效果,如上面的gif所示。在拖动区域内拖动时也会发生这种情况 建议的解决方案? 一定有什么东西不让它出现。毕竟,它没有出现在示例中 您使用的是什么版本的React和React-beautiful-dnd? “下一步”:“10.0.9”, “反应”:“17.0.1”, “反应美丽的dnd”:“^13.1

如示例中所示,任务不会移出边界

实际行为 我的任务被奇怪地移出了边界,我不知道如何才能不去做。我确实遵循了教程,我也有同样的问题。红色边框是放置区。

复制步骤 查看下面的演示。从上到下拖动会产生效果,如上面的gif所示。在拖动区域内拖动时也会发生这种情况

建议的解决方案? 一定有什么东西不让它出现。毕竟,它没有出现在示例中

您使用的是什么版本的
React
React-beautiful-dnd
“下一步”:“10.0.9”,
“反应”:“17.0.1”,
“反应美丽的dnd”:“^13.1.0”,
“react dom”:“17.0.1”,
我也在用梅

你用的是什么浏览器? Gif来自Chrome。
但它也出现在Firefox、Edge和Opera中。
我在Windows10上

演示