Fix duplicated instances when dragging sortable with sortable childs

stimulus-components · Apr 29, 2024 · 1b57701 · 1b57701
1 parent 413b340
commit 1b57701
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -29,15 +29,21 @@ export default class StimulusSortable extends Controller<HTMLElement> {
   }
 
   connect() {
-    this.sortable = new Sortable(this.element, {
-      ...this.defaultOptions,
-      ...this.options,
-    })
+    if (Sortable.active) {
+      this.sortable = Sortable.get(this.element)
+    } else {
+      this.sortable = new Sortable(this.element, {
+        ...this.defaultOptions,
+        ...this.options,
+      })
+    }
   }
 
   disconnect() {
-    this.sortable.destroy()
-    this.sortable = undefined
+    if (!Sortable.active) {
+      this.sortable.destroy()
+      this.sortable = undefined
+    }
   }
 
   async onUpdate({ item, newIndex }) {