fix: change async clipboard api with execCommand

novnc · Nov 11, 2023 · e000306 · e000306
1 parent e3f16f1
commit e000306
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/core/clipboard.js b/core/clipboard.js
@@ -20,9 +20,19 @@ export default class Clipboard {
 
     _handleCopy(e) {
         this._remoteClipboard = e.clipboardData.getData('text/plain');
-        if (navigator.clipboard.writeText) {
-            navigator.clipboard.writeText(this._remoteClipboard).catch(() => {/* Do nothing */});
-        }
+        this._copy(this._remoteClipboard)
+    }
+    /**
+     * Has a better browser support compared with navigator.clipboard.writeText.
+     * Also, no permission required.
+     */
+    _copy(text) {
+        const textarea = document.createElement('textarea');
+        textarea.innerHTML = text;
+        document.body.appendChild(textarea);
+        textarea.select();
+        const result = document.execCommand('copy');
+        document.body.removeChild(textarea);
     }
     /**
      * @param {ClipboardEvent} e