Как заставить React Framer-motion запускать события onClick для мобильных устройств при использовании опоры перетаскивания?

В настоящее время я использую библиотеку React Framer Motion, чтобы анимировать некоторые жесты, которые мне нужны в моем приложении. Кажется, у меня проблема со свойством «drag» для тега «motion.div».

e.g. <motion.div drag> <button onClick={this.eventHandler}>Framer Motion Click me</button> </motion.div>

Я воспроизвел проблему, с которой я столкнулся: https://codesandbox.io/embed/frosty-frog-xr2jj

OnClick отлично работает на ноутбуках / инструментах google dev, однако при использовании мобильного устройства / устройства iOS свойство перетаскивания, похоже, предотвращает событие onClick.

Вы можете убедиться в этом, если загляните в эту песочницу. Кнопка будет отлично работать в песочнице на ноутбуке / настольном компьютере, но если вы попробуете ее на своем мобильном телефоне, вы столкнетесь с проблемой.

Это просто я делаю что-то не так или кто-то еще сталкивается с этой ошибкой?

Любая помощь будет оценена!


person Bigboybob    schedule 25.09.2019    source источник


Ответы (1)


Это была ошибка в библиотеке. Это теперь исправлено, если вы обновитесь до [email protected].

person amann    schedule 02.10.2019
comment
Могу подтвердить, что эта ошибка устранена. Если кто-то еще читает это, кто сталкивается с этой ошибкой, просто убедитесь, что вы полностью удалили framer-motion перед обновлением, и он будет работать как шарм! - person Bigboybob; 04.10.2019
comment
Это не исправлено. - Я все еще вижу это по состоянию на апрель 2020 года с несколькими обработчиками кликов внутри перетаскиваемого - person ortonomy; 15.04.2020