Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[bug] select and multi-select is wrong on (IOS mobile, and tablet devices - Safari, Chrome, Firefox, Opera, Edge) #2244

@kholub1989

Description

@kholub1989

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions