From dc0837bfee80576e1dc9d4fe6f4e61e45853e705 Mon Sep 17 00:00:00 2001 From: ari melody Date: Sat, 31 Aug 2024 15:55:45 +0100 Subject: [PATCH] improved makeMagicList documentation --- admin/static/admin.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/admin/static/admin.js b/admin/static/admin.js index 77fc383..0763ab7 100644 --- a/admin/static/admin.js +++ b/admin/static/admin.js @@ -1,5 +1,6 @@ /** - * Creates a "magic" reorderable list from `container`. + * Creates a reorderable list from any `container` and viable list item selector. + * * This function is absolute magic and I love it * * Example: @@ -29,6 +30,8 @@ export function makeMagicList(container, itemSelector, callback) { item.draggable = true; item.addEventListener("dragstart", () => { item.classList.add("moving") }); item.addEventListener("dragend", () => { item.classList.remove("moving") }); + + // dragging on inputs should take priority item.querySelectorAll("input").forEach(el => { el.addEventListener("mousedown", () => { item.draggable = false }); el.addEventListener("mouseup", () => { item.draggable = true });