search

atlassian / react-beautiful-dnd

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

Latest ios update 13.4 broke cloned cards #1840

Open roystontay opened 4 years ago

roystontay commented 4 years ago

Expected behavior

On iPhone (using the latest iOS update 13.4), when dragging a cloned draggable (necessary when using virtual lists), the element should follow the finger after a long tap is detected.

Actual behavior

On long tap, cloned elements no longer follow the finger around. it stays in a fixed position until the finger is lifted and the element is tapped again

Steps to reproduce

Using latest iOS 13.4, open safari on the iPhone and go to react-dnd's demo for clone: https://react-beautiful-dnd.netlify.app/?path=/story/board--dragging-a-clone

try dragging a card around. It stays fixed.

Suggested solution?

Haven't had a chance to look at it yet, but the other demos without cloning seems to work fine.

What version of React are you using?

16.13.1

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

13.0.0

What browser are you using?

Mobile Safari along with latest iOS version 13.4.1

Demo

Using latest iOS 13.4, open safari on the iPhone and go to react-dnd's demo for clone: https://react-beautiful-dnd.netlify.app/?path=/story/board--dragging-a-clone

try dragging a card around. It stays fixed.

kyeo76 commented 4 years ago

i'm having the same issue with iOS v13.4.1 and Chrome dev tools touch simulator (80.0.3987.163)

https://codesandbox.io/s/vertical-list-1uxgi?file=/index.js

akkolvt commented 4 years ago

Same issue here:

roystontay commented 4 years ago

hi any updates here? or ETA? appreciate any kind of information