Copy clipboard don't work in an iframe

Ask the community
,
1

Hello, I developed a password generator for my company with next js, my company wants me to integrate it in the wix site, so I found no other solution than to try to do it with an iFrame.

Everything works except the “copier” button that allows you to copy to the clipboard the password. I have this error that appears in the console:

"Uncaught (in promise) DOMException: The Clipboard API has been blocked because of a permissions policy applied to the current document. See Deprecating Permissions in Cross-Origin Iframes - The Chromium Projects for more details. "

I did these tests on this test site: https://ptarradas0.wixsite.com/lazarsoft/blank

I did a lot of research but none of the solutions I found worked.

Here’s how I did it on wix side :

626×668 32.6 KB

2

Hi, make the iframe post the text to the parent page and have it automatically copy from there.
https://www.wix.com/velo/reference/$w/htmlcomponent/onmessage
https://www.wix.com/velo/reference/wix-window/copytoclipboard

3

Alternatively, create the iframe using custom element so it won’t be sandboxed.

4

I don’t understand how am I supposed to do this

5

@yanislebzar7 Read the 2 doc at the links I posted above, try to implement it, and if it doesn’t work for some reason, post your code.

6

@jonatandor35 Thanks, that’s actually working !