From 60f1526f062de2b9424db31e36098d393a901b86 Mon Sep 17 00:00:00 2001
From: "MEGASOL\\simon.adams" <simon.adams@swiss-pv.com>
Date: Tue, 2 Sep 2025 08:36:48 +0200
Subject: [PATCH] copy button bug fixed

---
 frontend/menu.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/menu.html b/frontend/menu.html
index 337b12b..504f398 100644
--- a/frontend/menu.html
+++ b/frontend/menu.html
@@ -63,7 +63,7 @@
       <div id="result" class="hidden rounded-xl border p-3 text-sm space-y-2">
         <div id="linkRow" class="flex items-center gap-2">
           <input id="linkOut" class="flex-1 rounded-lg border px-3 py-2 bg-white dark:bg-gray-900 dark:border-gray-700" readonly />
-          <button id="btnCopy" class="rounded-xl border px-3 py-2 text-sm dark:border-gray-600">Copy</button>
+          <button id="btnCopy" type="button" class="rounded-xl border px-3 py-2 text-sm dark:border-gray-600">Copy</button>
         </div>
         <div>
           <img id="qrImg" alt="QR" class="h-40 w-40" />
@@ -157,8 +157,17 @@
     };
 
     // Logout handled via plain link to /logout (clears session + redirects)
-    btnCopy.onclick = async ()=>{
-      try { await navigator.clipboard.writeText(linkOut.value); btnCopy.textContent = 'Copied'; setTimeout(()=>btnCopy.textContent='Copy', 1200); } catch {}
+    btnCopy.onclick = ()=>{
+      const text = linkOut.value || '';
+      if (!text) return;
+      const flash = ()=>{ btnCopy.textContent='Copied'; setTimeout(()=>btnCopy.textContent='Copy', 1200); };
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).then(flash).catch(()=>{
+          try{ const ta=document.createElement('textarea'); ta.value=text; ta.setAttribute('readonly',''); ta.style.position='absolute'; ta.style.left='-9999px'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); flash(); }catch{}
+        });
+      } else {
+        try{ const ta=document.createElement('textarea'); ta.value=text; ta.setAttribute('readonly',''); ta.style.position='absolute'; ta.style.left='-9999px'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); flash(); }catch{}
+      }
     };
     // header.js wires theme + ping and shows banner consistently