Перетаскиваемые элементы, которые не ускользают от sh других в МОБИЛЬНОМ режиме

Question

• 1000 *

$(".slides").sortable({
     placeholder: 'slide-placeholder',
    axis: "y",
    revert: 150,
    start: function(e, ui){
        
        placeholderHeight = ui.item.outerHeight();
        ui.placeholder.height(placeholderHeight + 15);
        $('<div class="slide-placeholder-animator" data-height="' + placeholderHeight + '"></div>').insertAfter(ui.placeholder);
    
    },
    change: function(event, ui) {
        
        ui.placeholder.stop().height(0).animate({
            height: ui.item.outerHeight() + 15
        }, 300);
        
        placeholderAnimatorHeight = parseInt($(".slide-placeholder-animator").attr("data-height"));
        
        $(".slide-placeholder-animator").stop().height(placeholderAnimatorHeight + 15).animate({
            height: 0
        }, 300, function() {
            $(this).remove();
            placeholderHeight = ui.item.outerHeight();
            $('<div class="slide-placeholder-animator" data-height="' + placeholderHeight + '"></div>').insertAfter(ui.placeholder);
        });
        
    },
    stop: function(e, ui) {
        $(".slide-placeholder-animator").remove();
        
        console.clear();
        var tabSlides = [];
        $('.slides li').each(function() {
          tabSlides.push($(this).prop('class').split(' ')[1]);
        });

        $.each(tabSlides, function(index, value){
          console.log(`${value}`);
        });
    },
});

Скрипт очень хорошо работает на настольном компьютере, но я не мог начать работать на мобильном телефоне. Судя по моему онлайн-поиску, вероятно, требуется патч jquery или какой-то дескриптор? Какие изменения следует внести в скрипт, чтобы сделать его удобным для мобильных устройств?