Firefox with ClipboardItem enabled copies [object Promise]

[silverwind]

To reproduce:

• Open latest Firefox
• Set dom.events.asyncClipboard.clipboardItem in about:config
• Open the application, click Copy SVG
• It copies the string [object Promise]

I'm not sure where this goes wrong, but I suspect it has something to do with the user agent sniffing. I'm using this same API in this module, so I think it is operational and the bug is from this app code, not from Firefox.

[tomayac]

This is the relevant code:

SVGcode/src/js/clipboard.js

Line 65 in 80bc0bd

copyButton.addEventListener('click', async () => {

. What operating system does this happen on?

[silverwind]

MacOS, window.ClipboardItem does exist with the about:config preference enabled. So I think it ends in this branch:

await navigator.clipboard.write([
  new ClipboardItem({
    'text/plain': new Promise(async (resolve) => {
      resolve(new Blob([svg], { type: 'text/plain' }));
    }),
  }),
]);

[tomayac]

Thanks for the report. I will take a look soon.

[silverwind]

I think the likely fix will be to remove the Promise wrapping. I tested the API with non-promise and Safari copied it fine. The fact that it works with Promise in Safari while not in Firefox is likely an implementation difference between the two.

[tomayac]

Fixed via 4a22344. Thanks for reporting!

[silverwind]

Thanks, confirmed working!