У меня проблемы с VueDraggable при перетаскивании из списка источников в любое количество целевых зон. У меня есть событие «drop», привязанное к перетаскиваемым предметам, которое срабатывает только при определенных обстоятельствах. Мой пример кода находится на CodeSandbox в https://codesandbox.io/s/inspiring-raman-ok1ke.
Мой рабочий процесс выглядит следующим образом (необходимо открыть консоль):
Тест 1 (ИСПОЛЬЗОВАНИЕ SAFARI)
- Переупорядочить любой элемент из желтого списка источников.
- Переупорядочить любой второй элемент. Эффект перетаскивания не работает, и вместо этого выделяется текст.
- Попробуйте снова перетащить элемент. Перетаскивание работает снова.
- Повторите процесс. Кажется, что после любого события перетаскивания следующее перетаскивание завершается неудачно
Тест 2 (ПРОЙДЫ)
- Refre sh панель предварительного просмотра, чтобы начать снова
- Переупорядочите любой элемент в списке источников желтого цвета. В консоли видно, что событие удаления срабатывает корректно.
Тест 3 (FAILS)
- Refre sh панель предварительного просмотра чтобы начать снова.
- Перетащите «элемент 1» из желтой рамки в зону сброса 1. Снова событие перетаскивания срабатывает корректно
- Перетащите оставшиеся элементы из желтой рамки в зону сброса 1 и бросьте в Дно списка. Всего должно быть 5 выходов консоли, а иногда и так, но часто только 2 или 3 показывают, что событие Drop не сработало.
Тест 4 (FAILS)
- Refre sh панель предварительного просмотра для повторного запуска
- Перетащите все элементы из желтой рамки источника в Dropzone 1 или Dropzone 2
- Попробуйте и повторите Заказать любой товар. Как только начинается перетаскивание, появляется ошибка
Может кто-нибудь пролить свет на мои ошибки?