diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index 5fd34844..b518c8c1 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -828,12 +828,20 @@ function createTask(task) {
                             </div>`
 
     createCollapsibles(taskEntry)
-    
+
     let draghandle = taskEntry.querySelector('.drag-handle')
-    draghandle.addEventListener('mousedown', (e) => { taskEntry.setAttribute('draggable',true)})
-    draghandle.addEventListener('mouseup',   (e) => { taskEntry.setAttribute('draggable',false)})
-    taskEntry.addEventListener('dragend',    (e) => { 
-        taskEntry.setAttribute('draggable',false);
+    draghandle.addEventListener('mousedown', (e) => {
+        taskEntry.setAttribute('draggable', true)
+    })
+    // Add a debounce delay to allow mobile to bouble tap.
+    draghandle.addEventListener('mouseup', debounce((e) => {
+        taskEntry.setAttribute('draggable', false)
+    }, 2000))
+    draghandle.addEventListener('click', (e) => {
+        e.preventDefault() // Don't allow the results to be collapsed...
+    })
+    taskEntry.addEventListener('dragend', (e) => {
+        taskEntry.setAttribute('draggable', false);
         imagePreview.querySelectorAll(".imageTaskContainer").forEach(itc => {
             itc.classList.remove('dropTargetBefore','dropTargetAfter');
         });
@@ -846,7 +854,6 @@ function createTask(task) {
         startY = e.target.closest(".imageTaskContainer").offsetTop;
     })
 
-
     if (task.reqBody.init_image !== undefined) {
         createInitImageHover(taskEntry)
     }