Drag and Drop on Mobile Issue

[gracejiyoung]

It looks like the drag-and-drop is not working on mobile devices. If you touch one of the stories in the zones to change the rank, it will scroll all the way to the bottom making it impossible to move the stories up or around. This was reproduced on iPhone6/iPhone6+ in Safari/Chrome. However, this does work properly on iPad.

[mjangda]

I think we need to patch in mobile support for jQuery UI or switch to a different drag-and-drop library.

[bcampeau]

@gracejiyoung what version of WordPress was this on? I'm assuming 4.4? I feel like this was working before so it could be caused by the latest version as some styles definitely broke (which I fixed) when I upgraded.

[sboisvert]

@brettshumaker Can you take a look?

[brettshumaker]

@sboisvert I believe I've fixed this here: bfe91dfcb35f653cf63da863784790ee2a8506b5

Found a closed issue on the touch punch github (https://github.com/furf/jquery-ui-touch-punch/issues/288) that referenced a similar issue. It adds a helper function to the sortable init and correctly positions the cloned sortable element.