fix(m2h): don't delete p's in li's but hide them

In order to have more predictable html we keep the p's (expect for empty ones) and "hide" them via display: contents.
mdn · Oct 8, 2024 · 3db23b6 · 3db23b6
1 parent 798536b
commit 3db23b6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -110,6 +110,10 @@
 
     li {
       margin: 0.5rem 0;
+
+      > p {
+        display: contents;
+      }
     }
   }
 

diff --git a/markdown/m2h/handlers/index.ts b/markdown/m2h/handlers/index.ts
@@ -191,8 +191,10 @@ export function buildLocalizedHandlers(locale: Locale): Handlers {
         children:
           "children" in item
             ? item.children.flatMap((child) =>
-                "tagName" in child && child.tagName == "p"
-                  ? child.children
+                "tagName" in child &&
+                child.tagName == "p" &&
+                child.children?.length === 0
+                  ? []
                   : [child]
               )
             : [],