在此example我从 git 中 fork 了官方示例。我只将拖放区更改为 500 像素。
问题是，如果我捕获盒子的开头，那么只有一半多一点的拖放区是事件的。 
如果我捕获盒子的末端，同样的事情会发生，然后左边的一半是不活动的。 
但如果我捕获盒子的中间部分，整个盒子似乎都处于事件状态。
这是一个错误吗？或者我从配置中遗漏了什么？也许是 CSS？
最佳答案
当用鼠标拖动时，项目的影响基于它的中心位置。所以一个项目的中心位置需要在列表之上才能成为放置目标
关于javascript - react-beautiful-dnd 拖放区宽度不一致，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53396472/
相关文章：
reactjs - React BigCalendar 拖放示例不起作用
javascript - 创建 DragDropContext 时元素类型无效
javascript - 登录 Python 和 Django 应用程序时本地服务器出现错误
javascript - 在加载一组 CSS 背景图像后执行 jquery/javascript 操作
javascript - 如何通过 onsubmit 传递表单元素？
javascript - 即使我在构造函数中抛出错误，也不会触发 componentDidCatch
reactjs - 每次选择/取消选择一行时，如何避免 react 原生 FlatList 重新渲染
javascript - ES6 - Promise.all 在 Promise.resolve 中