Карусель-элемент перетаскивания с выпадающим списком в Firefox - PullRequest
3 голосов
/ 10 июля 2019

У меня проблема в приложении Angular7 с использованием NguCarousel (использует HammerJS).

Карусель работает так, как предназначено для отображения сложных элементов, пока я не добавлю элемент html-select в элементы карусели.

Проблема : при нажатии кнопки выбора вся карусельстановится перетаскиваемым в Firefox.

Это можно увидеть при редактировании этой демонстрации немного.В simple.component.html заменить в строке 3 {{item}} на <select></select>

Уже пробовали следующие вещи:

  • изменить фреймворк:Я видел такое же поведение в swiper-framework (поэтому, вероятно, на самом деле не связано с framework)

  • остановка распространения события с <select (click)="$event.stopPropagation()">, но это не помогло.

  • css touch-action: никто не выбирает

Что еще я могу попробовать?

С уважением

Терри

Редактировать: все еще есть эта проблемаНамек / идея была бы великолепна!

1 Ответ

3 голосов
/ 16 июля 2019

HammerJS использует событие pointerdown , чтобы поймать начало процесса перетаскивания.

Итак, вполне вероятно, что вы хотели остановить распространение.

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

Разветвленный стек-блиц

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...