I have an inline thumbnail gallery that can be sorted using jQueryUI and the touch punch plugin for mobile devices.
Everything is functioning correctly, except on mobile devices with a large number of images. I am unable to scroll down the screen to view more images because the sorting functionality takes over.
Is it possible to add a 2-second delay to the sortable items? This way, users would need to touch and hold the items for them to become active before being able to move them. Additionally, I would like to enable scrolling over the thumbnail gallery once the delay has been triggered to allow users to navigate through the list of images.
Here is my code:
$(function() {
$( "#sortable" ).sortable({
delay: 900,
scroll: true,
placeholder: "ui-state-highlight"
});
$( "#sortable" ).disableSelection();
});
The delay function works, but I still cannot scroll down the list of images without rearranging their order.
Any help would be greatly appreciated.
Thank you!