search

rlemaigre / Easy-DnD

A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
MIT License
384 stars 52 forks source link

Drag items prevent scroll on mobile, even if there is a `delay` set on the drag items #137

Closed matthew-dean closed 1 year ago

matthew-dean commented 1 year ago

As the description says, I have draggable cards in a scrollable dialog. I found that scrolling is effectively broken because the cards take up the full width of the scrollable view.

To try to fix this, I placed a delay so that regular touchmoves would just be interpreted as scrolling. Unfortunately, it still prevented scrolling.

nicholaszuccarelli commented 1 year ago

Hi Matthew. Something would be incorrectly set up in your code. The delay does correctly work on mobile to allow for scrolling a dialog. In my app I've set the delay to 150 etc and that seems to work as expected.