From 2e9e22bae548d9e2373d07082fd10918b457d415 Mon Sep 17 00:00:00 2001
From: Alex Bates <alex@bates64.com>
Date: Wed, 26 Aug 2026 17:37:16 +0100
Subject: [PATCH] only let the gallery item's handle icon start a drag, not the
 whole row

---
 assets/mod-media.js | 2 +-
 src/mods.rs         | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/mod-media.js b/assets/mod-media.js
index f701175..4aa82f6 100644
--- a/assets/mod-media.js
+++ b/assets/mod-media.js
@@ -25,13 +25,13 @@
     function itemTemplate(cid, mimeType, size, previewUrl, alt) {
         const li = document.createElement("li");
         li.className = "media-gallery-item";
-        li.draggable = true;
         li.dataset.cid = cid;
         li.dataset.mimeType = mimeType;
         li.dataset.size = size;
 
         const handle = document.createElement("span");
         handle.className = "media-gallery-handle";
+        handle.draggable = true;
         handle.setAttribute("aria-hidden", "true");
         li.appendChild(handle);
 
diff --git a/src/mods.rs b/src/mods.rs
index d6bd4b5..dc31509 100644
--- a/src/mods.rs
+++ b/src/mods.rs
@@ -620,11 +620,13 @@ fn media_gallery_field(did: &Did, listing: &ModListing) -> Markup {
             }
             ul.media-gallery id="media-gallery" {
                 @for item in &listing.media {
-                    li.media-gallery-item draggable="true"
+                    li.media-gallery-item
                         data-cid=(item.file().inner.ref_.link)
                         data-mime-type=(item.file().inner.mime_type)
                         data-size=(item.file().inner.size) {
-                        span.media-gallery-handle aria-hidden="true" { (icon(icondata::LuGripVertical)) }
+                        span.media-gallery-handle draggable="true" aria-hidden="true" {
+                            (icon(icondata::LuGripVertical))
+                        }
                         img src={ "/blob/" (did) "/" (item.file().inner.ref_.link) } alt="";
                         input type="text" class="media-gallery-alt" placeholder="Describe this image"
                             aria-label="Describe this image" value=[item.alt()];
-- 
2.51.2