From 0501fb21f189b73c919bcf9be4311ac42ea3d04a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nils=20O=2E=20Sel=C3=A5sdal?= <nos@utel.tech>
Date: Sat, 29 Aug 2026 21:36:46 +0200
Subject: [PATCH] Fix Safari file picker not firing after upload button click

---
 index.html.tmpl | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/index.html.tmpl b/index.html.tmpl
index 5eac1cc..ee56b16 100644
--- a/index.html.tmpl
+++ b/index.html.tmpl
@@ -134,7 +134,7 @@
             <p>📁 Click to select files or drag and drop here</p>
             <p style="margin-top: 10px; font-size: 0.85em; color: #666;">Maximum file size: <span id="maxUploadSizeText"></span></p>
             <input type="file" id="fileInput" multiple>
-            <button onclick="document.getElementById('fileInput').click()">Select Files</button>
+            <button type="button" onclick="event.stopPropagation(); document.getElementById('fileInput').click()">Select Files</button>
         </div>
         <div class="progress-container" id="progressContainer">
             <div class="progress-bar" id="progressBar"></div>
@@ -178,7 +178,10 @@
             results.replaceChildren(div);
         }
 
-        uploadArea.addEventListener('click', () => fileInput.click());
+        uploadArea.addEventListener('click', (e) => {
+            if (e.target.closest('button')) return;
+            fileInput.click();
+        });
 
         uploadArea.addEventListener('dragover', (e) => {
             e.preventDefault();