Сортируемые элементы Jquery «застревают» во время сортировки

Question

У меня есть ситуация, когда я должен сортировать элементы dom, где пользователи могут сортировать элементы. В некоторых случаях при сортировке, когда я пытаюсь поместить его в нужное положение, он застревает, как показано ниже.

Ниже приведен код, который я использую для сортировки.

 $(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,
    //cancel: '.sce-redactor-init',
    start: function (event, ui) {

        ui.helper.addClass('started-sorting');
        ui.item.addClass('started-sorting');
        var startedSCPPanel1 = $(ui.helper).closest('div[class^="scp-panel"]');
        startedSCPPanel=startedSCPPanel1;
    },
    change: function () {
        console.log('asdf');
    },
    stop: function (event, ui) {
        ui.item.removeClass('started-sorting');           
    },
    beforeStop:function( event, ui ) {
        $( this ).attr( "src", "replacement.png" );
    }
});

Оба события "stop" и "beforeStop" не запускаются внекоторые случаи.Заранее спасибо за помощь.