Merge pull request #270 from gnosis/bug/safari-clipboard-btns

Bug #234: Click to copy buttons are not shown in safari
5afe · Nov 18, 2019 · 8688c2b · 8688c2b
2 parents ceef0e1 + a15a8bf
commit 8688c2b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/components/CopyBtn/index.jsx b/src/components/CopyBtn/index.jsx
@@ -31,10 +31,6 @@ type CopyBtnProps = {
 }
 
 const CopyBtn = ({ content, increaseZindex = false }: CopyBtnProps) => {
-  if (!navigator.clipboard) {
-    return null
-  }
-
   const [clicked, setClicked] = useState<boolean>(false)
   const classes = useStyles()
   const customClasses = increaseZindex ? { popper: classes.inreasedPopperZindex } : {}

diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
@@ -1,13 +1,17 @@
 // @flow
 
-export const copyToClipboard = (text: string) => {
-  if (!navigator.clipboard) {
-    return
-  }
+export const copyToClipboard = (text: string): void => {
+  const range = document.createRange()
+  range.selectNodeContents(document.body)
+  document.getSelection().addRange(range)
 
-  try {
-    navigator.clipboard.writeText(text)
-  } catch (err) {
-    console.error(err.message)
+  function listener(e: ClipboardEvent) {
+    e.clipboardData.setData('text/plain', text)
+    e.preventDefault()
   }
+  document.addEventListener('copy', listener)
+  document.execCommand('copy')
+  document.removeEventListener('copy', listener)
+
+  document.getSelection().removeAllRanges()
 }