Firefox鬼影飞入

时间:2018-07-20 18:45:30

标签: html5 drag-and-drop draggable drag

当使用HTML 5拖放时,我注意到在firefox上,幻影图像倾向于从很远的右侧飞入。我无法使用小规模的示例进行复制,因此我认为它与所涉及的CSS有关。不幸的是,这是一个庞大的应用程序的一部分,因此不可能调出沙箱,但是我提供了行为的gif效果。拖放似乎可以在chrome和其他浏览器上正常运行。这是在dragstart上发生的代码(sectionGrid是组成5x5网格的div)

document.getElementById('sectionalGrid').addEventListener('dragstart', e=> {
   const gridItemRoot = findAncestor(e.target, 'mxt-grid-item');
   e.dataTransfer.setData("grid_x", gridItemRoot.dataset.x);
   e.dataTransfer.setData("grid_y", gridItemRoot.dataset.y);
   this._dragStartMode = 'gridItem';

   document.getElementById('sectionalRemovePiece').classList.add('sectionalHighlightRemove');
});

enter image description here

0 个答案:

没有答案