Copy publication string is broken

[tpoisseau]

From Ranges / Multiplet analysis

Reproduction steps:

• Go to https://dev.nmrium.org/#/SamplesDashboard/jro8bswrkba/Viewdatacytisinedatacytisine1Hjson
• Click on "Range picking and multiplet analysis" button in left toolbar
• Click on "Auto ranges picking" button in topbar
• Click on "Publication string" button in "Ranges / Multiplet analysis" panel
• Click on "Configure"
• In the opened dialog, click on the clipboard button (in preview area, it float at right)
• Try to paste it in a plain text file, textarea. It paste nothing (and if you had something in your clipboard before, it's gone).

Supposition:

Publication string is generated with rangesToACS from nmr-processing, it returns a string compatible with html for formatting (ex: <sup> node). It may interfere with clipboard api, maybe it needs to be copy with a <span> parent node.

---

I forgot to mention, copy actions seems broken (at least on zen browser). But it was broken before my refactor during dev.

I will investigate from main branch before we merge and raise an issue if needed.

Originally posted by @tpoisseau in #3958 (comment)

[lpatiny]

I can not reproduce this issue. Anybody else has this issue ? We don't know why @tpoisseau can not copy the ACS string.

[targos]

I have this issue too on Firefox and Edge (Safari works).

[lpatiny]

Seems that the paste does not work in a text editor but works correctly in a rich text editor.

What we could try is to have 2 flavors. text/plain should remove all HTML formatting. Something like

const htmlContent = '<b>Bold text</b> with <a href="https://example.com">link</a>';
const plainContent = 'Bold text with link';

const clipboardItem = new ClipboardItem({
  'text/plain': new Blob([plainContent], { type: 'text/plain' }),
  'text/html': new Blob([htmlContent], { type: 'text/html' })
});

navigator.clipboard.write([clipboardItem]).then(() => {
  console.log('Copied with multiple flavors');
});

I hope that rich text editors first try to find text/html before fall back to text/plain.

[tpoisseau]

I installed https://github.com/WhatCopied-app/WhatCopied to inspect clipboard

[tpoisseau]

So it copy, but not able to paste :/

[lpatiny]

Did you try to paste in word, pages or google docs ?

[tpoisseau]

It seems it paste in pages yes.