Html 在Firefox中使用下拉菜单拖动问题转盘项目

使用Nguarousel（使用HammerJS）的Angular7应用程序中有一个问题

旋转木马的工作原理与显示复杂元素的工作原理相同，直到我在旋转木马项目中添加了一个html select元素

问题： 单击“选择”按钮时，整个旋转木马在Firefox中变得可拖动

这可以在编辑一点时看到。 在simple.component.html中，将第3行的

{{item}}

替换为

已经尝试了以下方法：

• 更改框架：我在swiper框架中看到了相同的行为（因此可能与框架无关）

• 使用
  停止事件传播，但这没有帮助

• css触摸动作：无人选择

我还能试什么

致意

特里

编辑：仍然有这个问题。一个提示/想法就太好了

HammerJS使用事件捕捉拖动过程的开始

所以，这可能是你想要阻止传播的东西

<select (pointerdown)="$event.stopPropagation()">

---

有趣的是，旋转木马似乎将其解释为拖动事件。可能的解决方法是使用自定义的选择组件：并将其替换为以下内容：我有点需要它作为选择元素，因为它应该由操作系统渲染（例如，移动电话选择覆盖）。否则我现在就应该使用引导下拉菜单了。如果什么都不起作用，我会切换到非选择方式，但如果我能调整一些东西使其与标准选择一起工作，我会更愿意。