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

Question

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

например <motion.div drag> <button onClick={this.eventHandler}>Framer Motion Click me</button> </motion.div>

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

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

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

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

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

Answer 1

Это была ошибка в библиотеке. Теперь это исправлено, если вы обновитесь доframer-motion@1.6.8.