pantsdown 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pantsdown",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "Markdown to 'GitHub HTML' parser",
   "license": "MIT",
   "author": "wallpants",

package/src/css/styles.css

@@ -128,7 +128,7 @@
    color: inherit;
 }
 
-.pantsdown .markdown-alert span {
+.pantsdown .markdown-alert > span {
    font-weight: 500;
    display: flex;
    align-items: center;
@@ -138,34 +138,34 @@
 .pantsdown .markdown-alert-note {
    border-color: var(--color-accent-fg);
 }
-.pantsdown .markdown-alert-note span {
+.pantsdown .markdown-alert-note > span {
    color: var(--color-accent-fg);
 }
 
 .pantsdown .markdown-alert-important {
    border-color: var(--color-done-fg);
 }
-.pantsdown .markdown-alert-important span {
+.pantsdown .markdown-alert-important > span {
    color: var(--color-done-fg);
 }
 
 .pantsdown .markdown-alert-warning {
    border-color: var(--color-attention-fg);
 }
-.pantsdown .markdown-alert-warning span {
+.pantsdown .markdown-alert-warning > span {
    color: var(--color-attention-fg);
 }
 
 .pantsdown .markdown-alert-tip {
    border-color: var(--color-success-fg);
 }
-.pantsdown .markdown-alert-tip span {
+.pantsdown .markdown-alert-tip > span {
    color: var(--color-success-fg);
 }
 .pantsdown .markdown-alert-caution {
    border-color: var(--color-danger-fg);
 }
-.pantsdown .markdown-alert-caution span {
+.pantsdown .markdown-alert-caution > span {
    color: var(--color-danger-fg);
 }
 .pantsdown .copy-button {

package/src/javascript.ts

@@ -308,7 +308,7 @@ function mermaidScript(config: PantsdownConfig["renderer"]["mermaid"]): string {
             // prefer the canvas svg: if a consumer re-injects html that was
             // serialized after a previous setup, the diagram svg sits inside
             // the old wrapper and stale button icons are svgs too
-            const svg = el.querySelector(".mermaid-canvas svg") ?? el.querySelector("svg");
+            const svg = el.querySelector(".mermaid-canvas svg") ?? el.querySelector(":scope > svg");
             if (!svg) return;
 
             // serialized html loses event listeners, so stale wrappers and
@@ -342,14 +342,16 @@ function mermaidScript(config: PantsdownConfig["renderer"]["mermaid"]): string {
         }
 
         // mermaid renders asynchronously (the page loads mermaid.js separately),
-        // so wait for the svg to replace the diagram source
+        // so wait for the svg to replace the diagram source. Only a direct-child
+        // svg counts: mermaid.run() renders in place via a nested temp div
+        // whose skeleton svg must not be grabbed mid-render
         function whenRendered(el, cb) {
-            if (el.querySelector("svg")) {
+            if (el.querySelector(":scope > svg")) {
                 cb();
                 return;
             }
             const observer = new MutationObserver(() => {
-                if (el.querySelector("svg")) {
+                if (el.querySelector(":scope > svg")) {
                     observer.disconnect();
                     cb();
                 }