Merge pull request #71 from discoveryjs/clipboard-fallback

Fallback to textarea copy to clipboard for unsecure http hosts
discoveryjs · May 14, 2021 · 98274f3 · 98274f3
2 parents 612a4bf + 566b317
commit 98274f3
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 1.11.1 (10-05-2021)
+
+* Fixed copying JSON to clipboard on http hosts
+
 ## 1.11.0 (03-04-2021)
 
 * Improved data loading and page style changes rollback when data is not a JSON or broken JSON

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jsondiscovery",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "description": "DiscoveryJson",
   "author": "exsdis@gmail.com",
   "license": "MIT",

diff --git a/src/discovery/copy-to-clipboard.js b/src/discovery/copy-to-clipboard.js
@@ -4,7 +4,13 @@ export async function copyToClipboard(text) {
     try {
         await navigator.clipboard.writeText(text);
     } catch (err) {
-        console.error(err); // eslint-disable-line no-console
+        // clipboard textarea fallback
+        const textarea = document.createElement('textarea');
+        textarea.innerText = text;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
     }
 
     flashMessage('JSON copied to clipboard', 'success');