fix(tooltip): remove breaking space when copy to editor (#5400)

SocialGouv · Oct 20, 2023 · d4d468b · d4d468b
1 parent 43e8ad3
commit d4d468b
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/code-du-travail-frontend/src/web-components/tooltip.js b/packages/code-du-travail-frontend/src/web-components/tooltip.js
@@ -16,6 +16,26 @@ class WebComponentsTooltip extends LitElement {
     this.visible = false;
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("copy", this._handleCopy);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("copy", this._handleCopy);
+    super.disconnectedCallback();
+  }
+
+  _handleCopy = (e) => {
+    const selection = document.getSelection();
+    const text = selection.toString();
+    const fragmentElt = document.createElement("div");
+    fragmentElt.appendChild(selection.getRangeAt(0).cloneContents());
+    fragmentElt.setAttribute("style", "white-space: pre-wrap;");
+    e.clipboardData.setData("text/plain", text);
+    e.clipboardData.setData("text/html", fragmentElt.outerHTML);
+    e.preventDefault();
+  };
+
   static get styles() {
     return css`
       :host {