fix(paste): prevent false positive headings and list-item corruption

Author: ErickPetru

packages/super-editor/src/core/inputRules/google-docs-paste/google-docs-paste.js

@@ -278,7 +278,9 @@ function buildListPath(level, map) {
  * @param {HTMLElement} container
  */
 function convertStyledHeadings(container) {
-  const paragraphs = Array.from(container.querySelectorAll('p'));
+  const paragraphs = Array.from(container.querySelectorAll('p')).filter(
+    (p) => p.parentElement?.tagName?.toLowerCase() !== 'li',
+  );
 
   paragraphs.forEach((p) => {
     const { fontSize, isBold } = getHeadingStyleProps(p);
@@ -305,10 +307,16 @@ function convertStyledHeadings(container) {
  * @returns {{ fontSize: number|null, isBold: boolean }}
  */
 function getHeadingStyleProps(el) {
-  const span = el.querySelector('span');
-  const fontSize = parsePtValue(el.style.fontSize) ?? parsePtValue(span?.style.fontSize);
-  const isBold = boldWeightRegex.test(el.style.fontWeight || '') || boldWeightRegex.test(span?.style.fontWeight || '');
-  return { fontSize, isBold };
+  const fontSize = parsePtValue(el.style.fontSize);
+  const isBoldOnEl = boldWeightRegex.test(el.style.fontWeight || '');
+
+  const { children } = el;
+  const singleSpan = children.length === 1 && children[0].tagName?.toLowerCase() === 'span' ? children[0] : null;
+
+  return {
+    fontSize: fontSize ?? parsePtValue(singleSpan?.style.fontSize),
+    isBold: isBoldOnEl || boldWeightRegex.test(singleSpan?.style.fontWeight || ''),
+  };
 }
 
 /**

packages/super-editor/src/core/inputRules/google-docs-paste/google-docs-paste.test.js

@@ -156,6 +156,29 @@ describe('handleGoogleDocsHtml', () => {
       expect(dom.querySelector('h1')?.textContent?.trim()).toBe('Big Heading');
     });
 
+    it('does not convert a paragraph where only the first of multiple spans is bold', () => {
+      // Body paragraph with a bold opening word — must not become a heading.
+      const html = `
+        <p>
+          <span style="font-size:11pt;font-weight:700">Bold word</span>
+          <span style="font-size:11pt;">rest of text</span>
+        </p>
+      `;
+      const dom = parseHeadings(html);
+      expect(dom.querySelector('h1,h2,h3,h4,h5')).toBeNull();
+    });
+
+    it('does not convert <p> elements inside <li> to avoid corrupting list structure', () => {
+      const html = `
+        <ul>
+          <li><p style="font-size:20pt;font-weight:700">List item</p></li>
+        </ul>
+      `;
+      const dom = parseHeadings(html);
+      expect(dom.querySelector('h1')).toBeNull();
+      expect(dom.querySelector('p[data-num-id]')).not.toBeNull();
+    });
+
     it('converts when font-size is on <p> but font-weight is only on the child <span>', () => {
       const html = `
         <p style="font-size:20pt"><span style="font-weight:700">Split style heading</span></p>