From bbec9885165953bdbaff4d5fc20864d0efc49042 Mon Sep 17 00:00:00 2001 From: Jorge Manrubia Date: Thu, 4 Dec 2025 19:23:55 +0100 Subject: [PATCH] Golden cards should be placed at the top --- app/javascript/controllers/drag_and_drop_controller.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/javascript/controllers/drag_and_drop_controller.js b/app/javascript/controllers/drag_and_drop_controller.js index 88ad31ba2..f85e41636 100644 --- a/app/javascript/controllers/drag_and_drop_controller.js +++ b/app/javascript/controllers/drag_and_drop_controller.js @@ -122,10 +122,14 @@ export default class extends Controller { #insertDraggedItem(container, item) { const itemContainer = container.querySelector("[data-drag-drop-item-container]") const topItems = itemContainer.querySelectorAll("[data-drag-and-drop-top]") + const firstTopItem = topItems[0] const lastTopItem = topItems[topItems.length - 1] - if (lastTopItem) { - lastTopItem.after(item) + const isTopItem = item.hasAttribute("data-drag-and-drop-top") + const referenceItem = isTopItem ? firstTopItem : lastTopItem + + if (referenceItem) { + referenceItem[isTopItem ? "before" : "after"](item) } else { itemContainer.prepend(item) }