search

atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React
https://react-beautiful-dnd.netlify.app
Other
33.17k stars 2.53k forks source link

react-beautiful-dnd not working in mobile view #2219

Open NewReactUser28 opened 3 years ago

NewReactUser28 commented 3 years ago

Expected behavior - Drag and drop must work seamlessly in mobile view.

Actual behavior - Unable to drag and drop in mobile view

Steps to reproduce - we are trying to use react-beautiful-dnd in our code. We noticed that drag and drop is working fine in desktop view however when we switch to mobile view drag and drop is not working as expected.

In the documentation this library supports drag and drop across mobile and desktop views. is there any specific config/code to included to support mobile view as well ?

What version of React are you using - 16.8.5

What version of react-beautiful-dnd are you running - 13.1.0

What browser are you using - Microsoft Edge(Version 90.0.818.56 (Official build) (64-bit)), Chrome(Version 90.0.4430.212 (Official Build) (32-bit))

lueenavarro commented 3 years ago

I am also experiencing this on mobile devices. I need to drag twice for it to work.

Prasanth-Devineni commented 1 year ago

I am also facing same issue it is not working in mobile view.

EnzoPortela commented 1 year ago

Helpful: https://github.com/atlassian/react-beautiful-dnd/issues/2111#issue-829955258