在Firefox中使用下拉菜单拖动问题轮播项目

Question

我在使用NguCarousel（使用HammerJS）的Angular7应用程序中遇到问题。

轮播按照预期的方式显示复杂元素，直到我在轮播项中添加html-select元素为止。

问题： 单击选择后，整个轮播会在Firefox中变为可拖动。

在稍微编辑this demo时可以看到。 在simple.component.html中，将第3行{{item}}替换为<select></select>

已经尝试了以下操作：

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

• 使用<select (click)="$event.stopPropagation()">停止事件传播，但这没有帮助。

• css触摸操作：无人选择

我还能尝试什么？

最诚挚的问候

特里

编辑：仍然存在此问题。提示/想法会很棒！

Answer 1

HammerJS使用pointerdown事件来捕获拖动过程的开始。

所以，这很可能就是您想要阻止的传播。

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

Forked Stackblitz