diff --git a/src/components/ha-sortable.ts b/src/components/ha-sortable.ts index 2dc9974400..88feb7dfba 100644 --- a/src/components/ha-sortable.ts +++ b/src/components/ha-sortable.ts @@ -135,6 +135,10 @@ export class HaSortable extends LitElement { const Sortable = (await import("../resources/sortable")).default; const options: SortableInstance.Options = { + scroll: true, + // Force the autoscroll fallback because it works better than the native one + forceAutoScrollFallback: true, + scrollSpeed: 20, animation: 150, ...this.options, onChoose: this._handleChoose, diff --git a/src/resources/sortable.ts b/src/resources/sortable.ts index 27b2f27953..6db53f0117 100644 --- a/src/resources/sortable.ts +++ b/src/resources/sortable.ts @@ -1,10 +1,11 @@ import type Sortable from "sortablejs"; import SortableCore, { - OnSpill, AutoScroll, + OnSpill, } from "sortablejs/modular/sortable.core.esm"; -SortableCore.mount(OnSpill, new AutoScroll()); +SortableCore.mount(OnSpill); +SortableCore.mount(new AutoScroll()); export default SortableCore as typeof Sortable;