Make sure not to use lookbehind as older browsers don't support it

Author: jassmith

packages/core/src/data-editor/copy-paste.ts

@@ -149,10 +149,7 @@ function formatHtmlTextContent(text: string): string {
     // 1. Replacing tabs with four spaces for consistency. Also google sheets disallows any tabs.
     // 2. Wrapping each space with a span element to prevent them from being collapsed or ignored during the
     //    paste operation
-    return text
-        .replace(/\t/g, "    ")
-        .replace(/\t/g, "    ")
-        .replace(/(?<=\s) | (?=\s)/g, "<span> </span>");
+    return text.replace(/\t/g, "    ").replace(/ {2,}/g, match => "<span> </span>".repeat(match.length));
 }
 
 function formatHtmlAttributeContent(attrText: string): string {
@@ -294,7 +291,7 @@ export function decodeHTML(html: string): CopyBuffer | undefined {
                 let textContent = clone.textContent ?? "";
                 if (isAppleNumbers) {
                     // replace any newline not preceded by a newline
-                    textContent = textContent.replace(/(?<!\n)\n/g, "");
+                    textContent = textContent.replace(/\n(?!\n)/g, "");
                 }
 
                 current?.push({

packages/core/test/copy-paste.test.ts

@@ -82,6 +82,27 @@ describe("copy-paste", () => {
         expect(result.textHtml).toContain('<td gdg-raw-value="Hello" gdg-format="string">Display Hello</td>');
     });
 
+    test("Simple text cell with multiple spaces", () => {
+        const cells: GridCell[][] = [
+            [
+                {
+                    kind: GridCellKind.Text,
+                    data: "Hello",
+                    allowOverlay: true,
+                    displayData: "Display  Hello",
+                },
+            ],
+        ];
+        const columnIndexes = [0];
+
+        const result = getCopyBufferContents(cells, columnIndexes);
+
+        expect(result.textPlain).toBe("Display  Hello");
+        expect(result.textHtml).toContain(
+            '<td gdg-raw-value="Hello" gdg-format="string">Display<span> </span><span> </span>Hello</td>'
+        );
+    });
+
     test("Simple text cell with special chars", () => {
         const cells: GridCell[][] = [
             [