React-beautiful-dnd: Unexpected bug with react-window on mobile devices

[alex-malyita]

Expected behavior

When I drag an element it should work as expected, as on desktop for example

Actual behavior

When I touch and hold an element at first it doesn't react. It looks like a blocker on viewport. When I do it the second time - it works as expected. (Check last seconds of the demo)
And time to time I can reproduce another behavior - when I hold an element - it takes fixed position on the screen and doesn't move. And after it I drop it - no actions, I have to click on any place - then it finishes the drop action.

Steps to reproduce

https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-window--list
Open your example on mobile (You can use also chrome mobile view - the bug is also reproduced there...)

What version of React are you using?

16.13.1

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

13.0.0 and tried 12.2.0

What browser are you using?

Chrome

Demo

https://vimeo.com/440362007

[drews256]

I'm seeing the same thing here and it's killin' me. I have tried using both react-window and react-virtualized.

react version: 16.13.1
rbd version: 13.0.0 and 12.2.0

Also using chrome. I have also seen this same thing happen in mobile safari.

[hoangvvo]

I'm running into the same thing. This is a duplicate of https://github.com/atlassian/react-beautiful-dnd/issues/1869, which also provide a suggested solution.