Question

当我将鼠标悬停在列表项上时，即为样式-框阴影的外观。然后，当移动此元素时，框形阴影将使该元素掉入其位置，而光标不在该元素的区域（已取代其位置）中。谁遇到这样的问题，如何解决？演示：https://codesandbox.io/s/react-dnd-example-13-ve2mu

Answer 1

该问题似乎来自.Card:hover。当您单击并拖动某个元素时，该元素的悬停仍处于活动状态，并且它将在该位置创建未单击的元素以具有悬停效果（即框阴影）。

您可以通过添加以下内容来解决它：

.Card:active {
  box-shadow: unset;
}

这只是说，当卡处于活动状态（拖动）时，只需取消设置框阴影即可。