From 3a436304bdceb1a81f6ebf3b09ffaa9b7ce07f69 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Mon, 25 May 2026 08:57:13 +0200
Subject: [PATCH] meme generator update

---
 public/s/js/meme-creator.js | 6 ++++++
 views/meme-creator.html     | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/s/js/meme-creator.js b/public/s/js/meme-creator.js
index e3dfd43..5052c4d 100644
--- a/public/s/js/meme-creator.js
+++ b/public/s/js/meme-creator.js
@@ -20,6 +20,12 @@
         let img = new Image();
         let hasLoadedImage = window.memeTemplate.id !== 'custom' && window.memeTemplate.category !== 'Custom';
 
+        // Show the local file picker only when no pre-selected template exists
+        if (!hasLoadedImage) {
+            const customSelector = document.getElementById('customTemplateSelector');
+            if (customSelector) customSelector.style.display = '';
+        }
+
         const memeFont = 'Impact, Charcoal, sans-serif';
 
         function wrapText(ctx, text, maxWidth) {
diff --git a/views/meme-creator.html b/views/meme-creator.html
index d63b014..4de5da6 100644
--- a/views/meme-creator.html
+++ b/views/meme-creator.html
@@ -32,7 +32,7 @@
                     </div>
 
                     <div class="meme-controls">
-                        <div id="customTemplateSelector" class="form-group" style="margin-bottom: 20px;">
+                        <div id="customTemplateSelector" class="form-group" style="margin-bottom: 20px; display: none;">
                             <label for="customTemplateFile">{{ t('meme.select_image') }}</label>
                             <input type="file" id="customTemplateFile" accept="image/*" style="display: none;">
                             <button id="selectCustomFileBtn" type="button" class="btn btn-secondary btn-block">