Optimize dragndrop of first level elements

These elements always ever move vertically.
AlchemyCMS · Dec 19, 2023 · 17d0282 · 17d0282
1 parent f436e5c
commit 17d0282
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/javascript/alchemy_admin/sortable_elements.js b/app/javascript/alchemy_admin/sortable_elements.js
@@ -44,7 +44,7 @@ function onEnd() {
   )
 }
 
-function createSortable(element) {
+function createSortable(element, options = {}) {
   const group = {
     name: element.dataset.elementName,
     put(to, _from, item) {
@@ -55,6 +55,7 @@ function createSortable(element) {
   }
   new Sortable(element, {
     ...SORTABLE_OPTIONS,
+    ...options,
     onStart,
     onSort,
     onEnd,
@@ -66,7 +67,9 @@ export default function SortableElements(selector) {
   if (selector == null) {
     selector = "#element_area .sortable-elements"
   }
-  const sortable_areas = document.querySelectorAll(selector)
+  const sortable_areas = document.querySelectorAll(selector, {
+    direction: "vertical"
+  })
 
   sortable_areas.forEach((element) => {
     createSortable(element)