-
Notifications
You must be signed in to change notification settings - Fork 3.7k
Description
Describe the bug
Unable to select the element, on IOS mobile and Tablet devices.
To Reproduce
Steps to reproduce the behavior:
When I click on an element it is immediately select and deselect. This weird functionality behaves on multiple IOS mobile, and tablet devices. I think that something odd happening with the event handlers because when I change the view from IOS mobile or tablet to desktop, everything starts to work, because a different event fires.
touchend to mouseup
Browser compatibility for the SortableJS event:
touchend
https://developer.mozilla.org/en-US/docs/Web/API/Element/touchend_event#browser_compatibility
https://caniuse.com/?search=touchend
FYI - Currently, all desktop browsers work correctly. and this bug behaves on all Sortable JS projects!
Please follow the screenshots and videos for more information.
Expected behavior
When I click on the element, I always want to have a functionality to select and deselect (On\Off).
Information
Sortable options:
dataIdAttr: "data-did",
multiDrag: true,
sort: true,
handle: ".did-handle",
selectedClass: "selected",
fallbackTolerance: 3,
forceFallback: true,
fallbackClass: "sortable-fallback",
animation: 200,
dragoverBubble: false,
ghostClass: "ghost",
Few different wrong examples in simulators
"iPad on Chrome"
SJS.ipad.mp4
iPad.mp4
"iPhone on Firefox"
SJS.iphone.mov
iPhone.mp4
Desctop - everything works as expected
Desctop.mp4
SJS.desctop.mp4
If you have a question please feel free to ask: [email protected]
Versions:
sortablejs = ^1.15.0