Javascript 传单选择贴图对象，但仅当选择Flexbox时

我在Firefox中看到了一些非常奇怪的行为，但没有看到Chrome或IE/Edge。基本上，当地图容器是

display:flex

时，我可以看到的所有对象都会在单击时被选中。如果我开始拖动，则在我拿起鼠标时会进行选择

它看起来像“文本”选择，但我不确定。它的行为与普通文本选择不同，因为通常情况下，当您拖动该项目时，它会被选中；而在这里，当您单击它时，或者从技术上讲，当您放开鼠标时，它会被选中。我最好的猜测是flexbox修改了传单中的一些计算，以确定何时发生拖动

我创造了一个行为的模型。在Firefox上，如果单击顶部地图，它将被选中。如果单击底部贴图，则不会发生异常情况

Firefox版本：52.0.1（32位） 谷歌浏览器版本：57.0.2987.133 Internet Explorer版本：11.0.9600.18617

---

Edge版本：38.14393.0.0，EdgeHTML版本：14.14393

为什么不将活页地图容器包装在另一个元素中，将包装设置为

display:flex

，将活页地图容器设置为包装的100%宽度/高度？这是一个好主意。但是，如果在一个传单元素上发生类似的奇怪情况，则可能会在其他元素上发生。像这样使用包装器有时是不可能的，或者是非常困难的。遇到了同样的问题，通过将flex移动到包装器元素（如@IvanSanchez）来解决。