search

SortableJS / Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
https://sortablejs.github.io/Sortable/
MIT License
29.43k stars 3.7k forks source link

multiDrag selecting not working on mobile devices #1733

Closed aquaductape closed 4 years ago

aquaductape commented 4 years ago

multiDrag has no issues when testing on mobile view in chrome, but testing on mobile devices, it's extremely difficult to select items. On android chrome it's almost impossible to select. On safari ios and android firefox, the item is selected for a second then is deselected, only possible to select if you tap multiple items quickly. Tested the multiDrag on SortableJS website with iPhone 5s(ios 11) and Galaxy s10e.

waynevanson commented 4 years ago

@aquaductape I tested on GalaxyS7 with Firefox and it I didn't see any of the issues you're facing.

Tested the multiDrag on SortableJS website with iPhone 5s(ios 11) and Galaxy s10e.

Were both phones tested using the firefox browser? Did you tr both firefox and safari on iOS?

waynevanson commented 4 years ago

I spoke to @owen-m1 and he recommended setting the option fallbackTolerance to be a higher value. Basically what is happening is that the item is considered dragging the second you touch it, which stops it from being selected.

aquaductape commented 4 years ago

Oops, I didn't catch the fallbackTolerance in the docs, now I can properly select it without dragging.

connorsmacartist commented 2 years ago

This is still an issue for me, even if I set the tolerance to a large number it still immediately deselects the element after selection.

fourgood commented 1 year ago

I have the same issue. How do we make that work with multiple items on mobile? I manage to maybe select 2 or 3, then with the slightest movement the whole selection disappears.

campmedia commented 1 year ago

Same issue for me, not event the ability to select one item.

fourgood commented 1 year ago

Same issue for me, not event the ability to select one item.

We have sorted it out by using:

      supportPointer: true,
      fallbackTolerance: 5,
campmedia commented 1 year ago

OMG! It works! Thanks a million @fourgood