Switched from deprecated document.execCommand to the clipboard API

[volovikariel]

I have not been able to test this on any browsers other than Firefox, but I'd expect it to work because the API seems to be supported on all major browsers.

Let me know if I'm missing anything 👍

[sfhelmet]

I tested it on Chrome v120.0.6099.131 and IE v116.0.1938.62. Works as expected!

[warren-bank]

doesn't work in the devtools tab:

DOMException: The Clipboard API has been blocked because of a Feature Policy applied to the current document.

[volovikariel]

@warren-bank can you please share the website/element that you were trying to copy text from?

[warren-bank]

@volovikariel any website.. the error happens when trying to export cookies to the clipboard from within devtools.. I can't remember if I was testing in Chrome or FF when I encountered the error. To make it easy to reproduce, I can tell you that v2.0.4 of my fork will have this issue.. it was released immediately after merging this PR but before noticing this problem in devtools.

I'm testing now.. will let you know which browsers are effected..

results are in.. it does work in Firefox.. it does not work in Chrome.

PS: adding the manifest permission clipboardWrite had no effect

[volovikariel]

@warren-bank I do not understand how I can reproduce this issue. Could you please help me understand?
I have my DevTools open in chrome 131.0.6778.69.
It seems to be working for me the same way as it did in the previous versions 🤔

[Flawlesslyjuulz1]

Only change if it's beneficial and positive for the next phase

[Flawlesslyjuulz1]

• const fakeText = document.createElement('textarea');
• fakeText.classList.add('clipboardCopier');
• fakeText.textContent = text;
• document.body.appendChild(fakeText);
• fakeText.focus();
• fakeText.select();
• // TODO: switch to clipboard API.
• document.execCommand('Copy');
• document.body.removeChild(fakeText);

• navigator.clipboard.writeText(text);