Use navigator.clipboard.writeText when available about copy-to-clipboard HOT 5 OPEN

To use the new api but still support older browsers i'm using this implementation. But might be good to add this to copy-to-clipboard.

async onClick() {
        try {
            await navigator.clipboard.writeText(shareUrl);
        } catch {
            // Otherwise we use copy-to-clipboard library that tries to use execCommand which is deprecated in modern browsers
            // when browser does not allow clipboard copy it will show a modal with the link in it
            copy(shareUrl);
        }
}

from copy-to-clipboard.

I think a downside of this is it looks like you can only copy text, and can't specify the format. Am I incorrect here?

from copy-to-clipboard.

writeText is only for text. For other formats, there is write.

from copy-to-clipboard.

I guess with this API available, this module is pretty much obsolete, so one option could be to not support it, letting this module exist only as a "legacy solution".

from copy-to-clipboard.

I guess with this API available, this module is pretty much obsolete, so one option could be to not support it, letting this module exist only as a "legacy solution".

the new clipboard API just works on HTTPS or localhost. In some usage scenarios, such as intranet environments without domain name resolution and custom certificates, the new API is not available.

from copy-to-clipboard.