В настоящее время я использую библиотеку 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.
Вы можете убедиться в этом, если загляните в эту песочницу. Кнопка будет отлично работать в песочнице на ноутбуке / настольном компьютере, но если вы попробуете ее на своем мобильном телефоне, вы столкнетесь с проблемой.
Это просто я делаю что-то не так или кто-то еще сталкивается с этой ошибкой?
Любая помощь будет оценена!