Merge pull request #878 from skrashevich/fix-webui-copy-function

fix(clipboard): fix copy to clipboard functionality
AlexxIT · Apr 29, 2024 · d6774bb · d6774bb
2 parents 070ea38 + a1983c7
commit d6774bb
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/www/links.html b/www/links.html
@@ -166,14 +166,39 @@ <h2>WebRTC Magic</h2>
         document.getElementById('sharedel').style.display = 'none';
     }
 
+    function copyTextToClipboard(text) {
+        // https://web.dev/patterns/clipboard/copy-text
+        if (navigator.clipboard && window.isSecureContext) {
+            navigator.clipboard.writeText(text).catch(err => {
+                console.error(err.name, err.message);
+            });
+        } else {
+            const textarea = document.createElement('textarea');
+            textarea.value = text;
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+
+            textarea.focus();
+            textarea.select();
+
+            try {
+                document.execCommand('copy');
+            } catch (err) {
+                console.error(err.name, err.message);
+            }
+
+            document.body.removeChild(textarea);
+        }
+    }
+
     document.getElementById('shareadd').addEventListener('click', ev => {
         ev.preventDefault();
         share('POST').then(r => r.json()).then(r => onshareadd(r));
     });
 
     document.getElementById('shareget').addEventListener('click', ev => {
         ev.preventDefault();
-        navigator.clipboard.writeText(ev.target.href);
+        copyTextToClipboard(ev.target.href);
     });
 
     document.getElementById('sharedel').addEventListener('click', ev => {