Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 08:42:12 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: add copy fallback

Browse Source
This commit is contained in:
David Nguyen
2023-10-06 14:05:29 +11:00
parent 0d42285f5d
commit 4db98bc19c
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/lib/client-only/hooks/use-copy-to-clipboard.ts
View File

@ -34,18 +34,23 @@ export function useCopyToClipboard(): [CopiedValue, CopyFn] {
/**
* Handle copying values to the clipboard using the ClipboardItem API.
*
* Allows us to copy async values for Safari. Does not work in FireFox.
* Works in all browsers except FireFox.
*
* https://caniuse.com/mdn-api_clipboarditem
*/
const handleClipboardApiCopy = async (value: CopyValue, blobType = 'text/plain') => {
await navigator.clipboard.write([new ClipboardItem({ [blobType]: value })]);
try {
await navigator.clipboard.write([new ClipboardItem({ [blobType]: value })]);
} catch (e) {
// Fallback to attempt.
await handleWriteTextCopy(value);
}
};
/**
* Handle copying values to the clipboard using `writeText`.
*
* Will not work in Safari for async values.
* Works in all browsers except Safari for async values.
*/
const handleWriteTextCopy = async (value: CopyValue) => {
await navigator.clipboard.writeText(await value);