Reactjs 反应DND-端阻力-铬

Reactjs 反应DND-端阻力-铬,reactjs,react-dnd,Reactjs,React Dnd,我很难在Chrome浏览器(58.0.3029.110)中使用DragLayer(React DND2.4.0,2.4.1后端),但在Firefox(53.0.3)中似乎可以正常工作 我发现,如果我创建一个与DragSource尺寸相同的DragLayer,那么endDrag几乎会在拖动开始后立即触发 如果dragLayer较小,只要相对于DragSource div的MouseDown事件的位置在相同的边界之外,预览将正确生成,拖动操作将按预期工作 我假设这与我的拖动预览有关,我已经设置了指针

我很难在Chrome浏览器(58.0.3029.110)中使用DragLayer(React DND2.4.0,2.4.1后端),但在Firefox(53.0.3)中似乎可以正常工作

我发现,如果我创建一个与DragSource尺寸相同的DragLayer,那么endDrag几乎会在拖动开始后立即触发

如果dragLayer较小,只要相对于DragSource div的MouseDown事件的位置在相同的边界之外,预览将正确生成,拖动操作将按预期工作

我假设这与我的拖动预览有关,我已经设置了
指针事件:none
,如中所述


如前所述,这在Firefox中运行良好,非常感谢您的帮助

似乎将DragSource设置为position:absolute会让我半途而废,不知道为什么,对Firefox没有任何影响。另一个有趣的点是,DragSource“句柄”似乎仅限于div中的span元素。同样,Firefox中的情况并非如此。