Jquery Sortable elements get “stuck” during sorting

Jquery Sortable elements get “stuck” during sorting

 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" ); } });