在 Firefox 中使用下拉列表拖动问题轮播项目
dragging-issue carousel-item with dropdown in Firefox
我在使用 NguCarousel（使用 HammerJS）的 Angular7 应用程序中遇到问题。
旋转木马按预期显示复杂元素，直到我在旋转木马项目中添加 html-select 元素。
问题:
单击 select 时，整个轮播在 Firefox 中变为可拖动。
稍微编辑一下this demo就可以看出这一点。
在 simple.component.html 中将第 3 行 {{item}} 替换为 <select></select>
已经尝试过以下方法：
更改框架：我在 swiper-framework 中看到了相同的行为（因此可能与框架无关）
使用 <select (click)="$event.stopPropagation()"> 停止事件传播，但这没有帮助。
css 触摸操作：none 一个 select
我还能尝试什么？
此致
特里
编辑：仍然有这个问题。一个hint/idea就太棒了！
HammerJS 使用 pointerdown 事件来捕获拖动过程的开始。
所以，这可能就是您想阻止传播的内容。
<select (pointerdown)="$event.stopPropagation()">
我在使用 NguCarousel（使用 HammerJS）的 Angular7 应用程序中遇到问题。
旋转木马按预期显示复杂元素，直到我在旋转木马项目中添加 html-select 元素。
问题: 单击 select 时，整个轮播在 Firefox 中变为可拖动。
稍微编辑一下this demo就可以看出这一点。
在 simple.component.html 中将第 3 行 {{item}} 替换为 <select></select>
已经尝试过以下方法：
更改框架：我在 swiper-framework 中看到了相同的行为（因此可能与框架无关）
使用
<select (click)="$event.stopPropagation()">停止事件传播，但这没有帮助。css 触摸操作：none 一个 select
我还能尝试什么？
此致
特里
编辑：仍然有这个问题。一个hint/idea就太棒了！
HammerJS 使用 pointerdown 事件来捕获拖动过程的开始。
所以，这可能就是您想阻止传播的内容。
<select (pointerdown)="$event.stopPropagation()">