fix: ignore empty spans

Author: lihbr

src/lib/RichTextFieldBuilder.ts

@@ -110,6 +110,11 @@ export class RichTextFieldBuilder {
 			}
 		}
 
+		// Ignore empty spans.
+		if (span.start === span.end) {
+			return;
+		}
+
 		// Prefer to extend the last span of the same type end
 		// position if it ends at the start of the new span.
 		if (this.#last.spans[lastIdenticalSpanIndex]?.end === span.start) {

test/__snapshots__/helpers-unstable_htmlAsRichText.test.ts.snap

@@ -996,6 +996,17 @@ exports[`transforms HTML to rich text > spans > directly adjacent spans > does n
 ]
 `;
 
+exports[`transforms HTML to rich text > spans > empty spans 1`] = `
+[
+  {
+    "direction": "ltr",
+    "spans": [],
+    "text": "lorem ipsum dolor sit amet",
+    "type": "paragraph",
+  },
+]
+`;
+
 exports[`transforms HTML to rich text > spans > hyperlink 1`] = `
 [
   {

test/helpers-unstable_htmlAsRichText.test.ts

@@ -46,6 +46,11 @@ describe("transforms HTML to rich text", () => {
 			expectHTMLToMatchInputExactly: false,
 		});
 
+		testHTMLAsRichTextHelper("empty spans", {
+			input: /* html */ `<p>lorem <strong></strong>ipsum dolor sit amet</p>`,
+			expectHTMLToMatchInputExactly: false,
+		});
+
 		testHTMLAsRichTextHelper("nested spans", {
 			input: /* html */ `<p>lorem <strong>ips<em>um <a href="https://prismic.io">dolor</a></em></strong> sit amet</p>`,
 		});