Cannot drag items on mobile browsers

[lacsinagramar]

This package has external dependencies of react-native-reanimated and react-native-gesture-handler which must be installed separately. Before opening an issue related to animations or gestures please verify that you have completed ALL installation steps, including the changes to MainActivity.

Describe the bug Having problems dragging items in mobile browsers

Platform & Dependencies Please list any applicable dependencies in addition to those below (react-navigation etc).

• react-native-draggable-flatlist version: "^3.0.5"
• Platform: Android Chrome
• React Native or Expo version: "expo": "^43.0.4"
• Reanimated version: "^2.2.0"
• React Native Gesture Handler version: "^1.10.3"

[lacsinagramar]

https://user-images.githubusercontent.com/29629828/166228986-d068ef48-a0fc-4ee1-a471-bd2d2dbd89fa.mp4

See attached video for reference

[lacsinagramar]

Works well on desktop web:

https://user-images.githubusercontent.com/29629828/166230291-f3159025-41c1-47f0-b22d-900e169b4b04.mov

[emzet93]

I noticed the same issue on Android Chrome. Chrome and Safari on iOS generally works, although UI often flickers when reordering/dropping

[terryatgithub]

hi all, we are facing the same web compatibility issue. is there any idea or progress about it? thank you

[nillastudios]

I am having same issue it works as expected when I tap once on the button then drag.

Here is code for my ListItem :

Here is a video of the same:

https://github.com/computerjazz/react-native-draggable-flatlist/assets/98393696/a57b5e78-f6c8-44cc-9747-8c8049b89fc8

Any fixes/ideas would be great!