仅在 firefox 中出现 react-sortable-hoc 网格布局问题（在 safari、edge 和 chrome 中工作正常）

Question

该功能在 safari、edge 和 chrome 中运行良好，问题仅出现在 firefox。

我正在使用 react-sortable-hoc 反应库来对网格布局中的图像进行排序，但在 firefox 中，网格布局排序很奇怪...

请在这里测试问题：https://codepen.io/cristobalchao/pen/JqOpEZ

问题是什么：我正在尝试设置 flex-wrap: wrap;，这导致了用户交互问题（当用户尝试对图像进行排序（拖放）时，单击图像 sticks 鼠标，即使用户释放点击图像仍然 stuck 鼠标。用户需要再次点击以释放图像）

应该发生什么：用户应该能够通过简单地单击并按住鼠标拖放图像，拖动到另一个位置并释放单击。 （这适用于除 firefox 以外的其他浏览器）

Ref: https://clauderic.github.io/react-sortable-hoc/#/basic-configuration/grid?_k=5255hk 如果我确实检查并使用 wrap，这里同样有效。只需检查元素，将以下代码应用于父容器，以将子元素包装在网格布局中

   display: flex;
   flex-wrap: wrap;
 }

Answer 1

实际上，问题是将 pointer-events: none 分配给父容器。