want to design copy to clipboard functionality works everywhere except on apple products.
Summary:
I'm trying to use navigator.clipboard.writeText(message) inbuilt function of JS, This works fine on all devices except mac. I've asked all my colleagues who have apple devices and when they try to use copyToClipboard it does nothing nor shows any error.
In baseline it shows navigator.clipboard is universally acceptable function.
Information:
Please note i''m using ReactJS to implement the functionality
Below are some of the feature of functionality that i'm using
1. It has a https:// link and strings on next line, the link also have meta data that showcase previews after pasting
2. when user click on the copy button it shows the message to user that the link has been copied (but not on mac)
3. after clicking on copy button and trying to paste anywhere doesnt work on mac devices
Need Help on:
Solution looking for, are there any solution for this? am i following best practices or missing something? any alternatives for this?
2 Replies
CodeSandbox
CodeSandbox: Instant Cloud Development Environments
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
And in the title you say apple products but in the post body you say Mac. Does it work on iPhone or iPad but not MacBook or doesn't work on any apple product? Which browsers are you testing on macs?