Javascript ReactDnD trello-like拖放界面与touch后端中断

我有一个类似trello的接口，在React.js中用awesome库实现，在默认情况下效果很好。我决定切换到支持触摸设备的

无论如何，当我切换时，它“起作用”，但由于我的列表列和其中的卡片都是放置目标，这似乎会导致触摸后端出现问题。我注意到的行为是一致的，它完全忽略了作为放置目标的卡，并且始终考虑放置目标是包含卡的列表

我之所以认为这是发生的事情，是因为当我把一张牌从一张列表拖到另一张表上时，如果我在目标列表中间悬停一张卡，那就不重要了，在该列表的末尾标记为“滴”，这是当我悬停在列表元素的空区域上时的预期行为。如果我在中间卡上悬停，则预期的行为是标记该位置的下落，将卡移到一个位置以下。

我甚至怀疑这与从

monitor.isOver（{shallow:true}）

返回的不正确结果有关，正如我在一篇关于github问题的文章中所表达的，但正如在文章中正确指出的，该方法并没有在每个后端实现。但也许它的实现使用了后端的一些东西

以下是提取到独立应用程序的示例：

它的行为如上所述。该回购协议中有两项承诺。在初始提交时，应用程序使用Html5后端，并按预期工作。您可以签出该提交并查看其工作方式。然后，如果您再次签出master，您可以看到它与touch后端一起工作。当你把一张卡片从列表中拖出来，而不把它拖回到列表中时，它总是会在末尾标记掉，而不是在中间，无论你把它放在卡片列表中。

此外，触摸和鼠标事件都会发生这种情况。不过我在iPad模拟器上测试了它，不是真的

我提交到

react dnd touch后端

，但在那里没有任何运气。我也考虑过将一个问题提交给

react dnd

repo，但由于这显然不是该项目中的一个bug，我决定将其发布在这里