firefox - アイテムを表示領域の下にドラッグすると JQuery がソート可能になり、Firefox でウィンドウがスクロールしない

Question

jquery ui の並べ替え可能なウィジェットを使用して、アイテムをブラウザーの表示領域の下にドラッグすると、ウィンドウがスクロールしないため、他のアイテムがある可能性があるその下の領域にアイテムをドロップできます。Firefox については、これに対する答えを見つけることができませんでした。次のことを行うソート可能な関数にヘルパー プロパティを追加する Chrome の回避策を見てきました。

helper: function (event, element) {
   return element.clone().appendTo('body');
}

...しかし、繰り返しますが、これはFirefoxではなく、Chromeでこの同じ問題を修正するだけです。

Answer 1

このようなことを試してください

helper: function(){
    $('yourScrollableContainer').append('<div id="clone">' + $(this).html() + '</div>');
    $("#clone").hide();
    setTimeout(function(){
        $('#clone').appendTo('body');
        $("#clone").show();
    },1);
    return $("#clone");
}

詳細については、 thisおよびthis question を参照してください。