From a5cc5ac6c779d37ea9c0850261a0403d9eb32c50 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 31 Dec 2017 11:40:33 +0200
Subject: [PATCH 1/4] Add copyToClipboard

---
 snippets/copyToClipboard.md | 23 +++++++++++++++++++++++
 tag_database                |  1 +
 2 files changed, 24 insertions(+)
 create mode 100644 snippets/copyToClipboard.md

diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
new file mode 100644
index 000000000..50b986962
--- /dev/null
+++ b/snippets/copyToClipboard.md
@@ -0,0 +1,23 @@
+### copyToClipboard
+
+Copy a string to the clipboard.
+
+Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
+Use `document.execCommand('copy')` to copy to the clipboard.
+Finally, remove the `<textarea>` element from the HTML document.
+
+```js
+const copyToClipboard = str => {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  document.body.appendChild(el);
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+}
+```
+
+```js
+copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
+```
diff --git a/tag_database b/tag_database
index b6adaea80..5c75dfae3 100644
--- a/tag_database
+++ b/tag_database
@@ -16,6 +16,7 @@ collatz:math
 collectInto:adapter
 compact:array
 compose:function
+copyToClipboard:browser
 countOccurrences:array
 countVowels:string
 currentURL:browser

From f2d6c15a0723a7d86dd3fad6664eff383552531d Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 31 Dec 2017 11:55:58 +0200
Subject: [PATCH 2/4] Update copyToClipboard.md

---
 snippets/copyToClipboard.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
index 50b986962..f1cce4e48 100644
--- a/snippets/copyToClipboard.md
+++ b/snippets/copyToClipboard.md
@@ -1,6 +1,6 @@
 ### copyToClipboard
 
-Copy a string to the clipboard.
+Copy a string to the clipboard. Only works as a result of user action (i.e. inside a `click` event listener).
 
 Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
 Use `document.execCommand('copy')` to copy to the clipboard.

From 36067e5e908e6898835287fb2819872e44aef3c8 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 31 Dec 2017 11:59:27 +0200
Subject: [PATCH 3/4] Update copyToClipboard.md

---
 snippets/copyToClipboard.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
index f1cce4e48..9f0c5fd59 100644
--- a/snippets/copyToClipboard.md
+++ b/snippets/copyToClipboard.md
@@ -11,6 +11,8 @@ const copyToClipboard = str => {
   const el = document.createElement('textarea');
   el.value = str;
   el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
   document.body.appendChild(el);
   el.select();
   document.execCommand('copy');

From 63c88e46ded1389ed129be8c3c04ca8719c0d6d8 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 31 Dec 2017 12:07:58 +0200
Subject: [PATCH 4/4] Update copyToClipboard.md

---
 snippets/copyToClipboard.md | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
index 9f0c5fd59..619d00c2a 100644
--- a/snippets/copyToClipboard.md
+++ b/snippets/copyToClipboard.md
@@ -3,8 +3,10 @@
 Copy a string to the clipboard. Only works as a result of user action (i.e. inside a `click` event listener).
 
 Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
+Use `Selection.getRangeAt()`to store the selected range (if any).
 Use `document.execCommand('copy')` to copy to the clipboard.
-Finally, remove the `<textarea>` element from the HTML document.
+Remove the `<textarea>` element from the HTML document.
+Finally, use `Selection().addRange()` to recover the original selected range (if any).
 
 ```js
 const copyToClipboard = str => {
@@ -14,9 +16,14 @@ const copyToClipboard = str => {
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
+  const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
 }
 ```