From dbefe6a560df56ce10244f0ad4897ed87e793a5f Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Tue, 18 Jan 2022 09:26:42 +0000
Subject: [PATCH] Revert copy-text change and apply alternative fix

Reverts PR #3331 and applies the alternative fix originally proposed
in PR #3329
---
 .../editor-client/src/js/ui/clipboard.js      | 37 ++++++++++---------
 .../editor-client/src/sass/editor.scss        |  5 +++
 2 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/clipboard.js b/packages/node_modules/@node-red/editor-client/src/js/ui/clipboard.js
index f6a613f5f..cde9da938 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/clipboard.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/clipboard.js
@@ -946,23 +946,26 @@ RED.clipboard = (function() {
         if (truncated) {
             msg += "_truncated";
         }
-        navigator.clipboard.writeText(value).then(function () {
-            if (element) {
-                var popover = RED.popover.create({
-                    target: element,
-                    direction: 'left',
-                    size: 'small',
-                    content: RED._(msg)
-                });
-                setTimeout(function() {
-                    popover.close();
-                },1000);
-                popover.open();
-            }
-            if (currentFocus) {
-                $(currentFocus).focus();
-            }
-        }).catch(err => { console.error("Failed to copy:",err) });
+        var clipboardHidden = $('<textarea type="text" id="red-ui-clipboard-hidden" tabIndex="-1">').appendTo(document.body);
+        clipboardHidden.val(value).focus().select();
+        var result =  document.execCommand("copy");
+        if (result && element) {
+            var popover = RED.popover.create({
+                target: element,
+                direction: 'left',
+                size: 'small',
+                content: RED._(msg)
+            });
+            setTimeout(function() {
+                popover.close();
+            },1000);
+            popover.open();
+        }
+        clipboardHidden.remove();
+        if (currentFocus) {
+            $(currentFocus).focus();
+        }
+        return result;
     }
 
     function importNodes(nodesStr,addFlow) {
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
index 96a0f998f..473571042 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
@@ -356,6 +356,11 @@ button.red-ui-button-small
     background: $secondary-background;
 }
 
+#red-ui-clipboard-hidden {
+    position: absolute;
+    top: -3000px;
+}
+
 .form-row .red-ui-editor-node-label-form-row {
     margin: 5px 0 0 50px;
     label {