Chrome拖放触发:在周围元素上悬停伪类

Question

我在Chrome中遇到了非常令人沮丧和意想不到的拖放行为.

问题:

该:hover伪类被触发,并停留在周围的元素,特别是那些在DragElement的幽灵将其覆盖.

重现问题的步骤:

• 示例: http ://plnkr.co/edit/PayXodHUtxqUZsM3T2ye 然后在单独窗口中预览
• 单击并拖动任何数字框.
• 放下任何其他盒子,它的鬼魂略微重叠周围的元素.

这种情况发生在Chrome 35,36和38-beta中.我还注意到,在使用编辑器的Plunker的Run框架中没有发生这种情况,但是在完整的窗口视图中发生(在上面链接).它也发生在我的node-webkit应用程序中(我发现了这个问题).

到目前为止我尝试过的:

• 使用-webkit-user-drag: element;上.box
• draggable="true"在每个.box元素上添加属性以查看是否存在差异.
• event.stopPropagation 关于各种要素,包括 window

为什么它会触发:hover周围的元素？这绝对没有意义.我要撕掉我的头发了!:/

提前感谢愿意帮助我解决此问题的任何人.

Answer 1

您可以在拖动时向 html/body 标记添加一个类吗？如果是这样你可能会使用

.is-dragging * {
  pointer-events: none;
}

其中 .is-dragging 是 body/html 上的类，然后覆盖您当前正在拖动的元素。