react-beautiful-dnd 拖放区宽度不一致

react-beautiful-dnd inconsistent drop zone width

在这个 example 中,我从 git 派生了官方示例。我只将拖放区更改为 500px。

问题是,如果我抓住盒子的开头,那么只有一半多一点的拖放区是活动的。

如果我抓住盒子的末端,会发生同样的事情,然后左边的一半是不活动的。

但是如果我抓住盒子的中间部分,整个盒子似乎都是活动的。

这是一个错误吗?或者我从配置中遗漏了什么?也许 CSS?

当用鼠标拖动时,项目的影响基于它的中心位置。所以一个项目的中心位置需要在列表上方才能成为放置目标