status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

Bug #234: Click to copy buttons are not shown in safari
This commit is contained in:
Mikhail Mikheev 2019-11-18 11:04:47 +04:00 committed by GitHub
parent ceef0e11b0 a15a8bf3c3
commit 8688c2bc93
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/CopyBtn/index.jsx
View File

@ -31,10 +31,6 @@ type CopyBtnProps = {
} }
const CopyBtn = ({ content, increaseZindex = false }: CopyBtnProps) => { const CopyBtn = ({ content, increaseZindex = false }: CopyBtnProps) => {
if (!navigator.clipboard) {
return null
}
const [clicked, setClicked] = useState<boolean>(false) const [clicked, setClicked] = useState<boolean>(false)
const classes = useStyles() const classes = useStyles()
const customClasses = increaseZindex ? { popper: classes.inreasedPopperZindex } : {} const customClasses = increaseZindex ? { popper: classes.inreasedPopperZindex } : {}

20
src/utils/clipboard.js
View File

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