Use Clipboard API instead of execCommand("Copy")

Author: NI57721

content_scripts/hud.js

@@ -37,8 +37,8 @@ const HUD = {
       // Force the re-computation of styles, so Chrome sends a visibility change message to the child frame.
       // See https://github.com/philc/vimium/pull/3277#issuecomment-487363284
 
-      // Allow to access the clipboard through iframes.
-      this.hudUI.iframeElement.allow = "clipboard-read";
+      // Allow to access to the clipboard through iframes.
+      this.hudUI.iframeElement.allow = "clipboard-read; clipboard-write";
       getComputedStyle(this.hudUI.iframeElement).display;
     } else {
       this.hudUI.toggleIframeElementClasses("vimiumClickable", "vimiumNonClickable");

lib/clipboard.js

@@ -9,13 +9,13 @@ const Clipboard = {
   },
 
   // http://groups.google.com/group/chromium-extensions/browse_thread/thread/49027e7f3b04f68/f6ab2457dee5bf55
-  copy({data}) {
+  async copy({data}) {
     const textArea = this._createTextArea();
     textArea.value = data.replace(/\xa0/g, " ");
 
     document.body.appendChild(textArea);
     textArea.select();
-    document.execCommand("Copy");
+    await navigator.clipboard.writeText(textArea.value);
     document.body.removeChild(textArea);
   },
 

pages/hud.js

@@ -142,9 +142,9 @@ const handlers = {
   },
 
   copyToClipboard(data) {
-    Utils.setTimeout(TIME_TO_WAIT_FOR_IPC_MESSAGES, function() {
+    Utils.setTimeout(TIME_TO_WAIT_FOR_IPC_MESSAGES, async function() {
       const focusedElement = document.activeElement;
-      Clipboard.copy(data);
+      await Clipboard.copy(data);
       if (focusedElement != null)
         focusedElement.focus();
       window.parent.focus();