Search jQuery

jQuery Forum

Jquery Sortable elements get “stuck” during sorting

in Using jQuery UI • 4 years ago

Have a situation here, where I have to sort for dom elements where users can sort the items. In some cases when sorting when I try to drop it in the desired position it gets stuck like below.

Below is the code that I am using for the sorting. Video recording of the issue.

both "stop" & "beforeStop" are not triggered some times.

$(sortableSelector).sortable({

    placeholder: "sc-highlight",
    tolerance: "pointer",
    cursorAt: { top: 25, left: 25 },
    connectWith: connectWithItem,
    handle: ".scw-move",
    forcePlaceholderSize: true,
    refreshPositions: true,
    revert: 450,
    items: sortableItems,
    start: function (event, ui) {
        ui.helper.addClass('started-sorting');
        ui.item.addClass('started-sorting');
    },
    change: function () {
        console.log('asdf');
    },
    stop: function (event, ui) {
        ui.item.removeClass('started-sorting');           
    },
    beforeStop:function( event, ui ) {
        $( this ).attr( "src", "replacement.png" );
    }
     });