From 59aad859009530f18ff9d482ca8e63d9372d7527 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 9 Jan 2026 23:34:42 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/16802

---
 app/src/protyle/render/mermaidRender.ts | 34 ++++++++++++++++---------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/app/src/protyle/render/mermaidRender.ts b/app/src/protyle/render/mermaidRender.ts
index fa77bff4a..9d84579aa 100644
--- a/app/src/protyle/render/mermaidRender.ts
+++ b/app/src/protyle/render/mermaidRender.ts
@@ -49,23 +49,33 @@ export const mermaidRender = (element: Element, cdn = Constants.PROTYLE_CDN) =>
                 config.theme = "dark";
             }
             window.mermaid.initialize(config);
-            if (mermaidElements[0].firstElementChild.clientWidth === 0) {
+            const hideElements: Element[] = [];
+            const normalElements: Element[] = [];
+            mermaidElements.forEach(item => {
+                if (item.firstElementChild.clientWidth === 0) {
+                    hideElements.push(item);
+                } else {
+                    normalElements.push(item);
+                }
+            });
+            if (hideElements.length > 0) {
                 const observer = new MutationObserver(() => {
-                    initMermaid(mermaidElements);
+                    initMermaid(hideElements);
                     observer.disconnect();
                 });
-                const hideElement = hasClosestByAttribute(mermaidElements[0], "fold", "1");
-                if (hideElement) {
-                    observer.observe(hideElement, {attributeFilter: ["fold"]});
-                } else {
-                    const cardElement = hasClosestByClassName(mermaidElements[0], "card__block", true);
-                    if (cardElement) {
-                        observer.observe(cardElement, {attributeFilter: ["class"]});
+                hideElements.forEach(item => {
+                    const hideElement = hasClosestByAttribute(item, "fold", "1");
+                    if (hideElement) {
+                        observer.observe(hideElement, {attributeFilter: ["fold"]});
+                    } else {
+                        const cardElement = hasClosestByClassName(item, "card__block", true);
+                        if (cardElement) {
+                            observer.observe(cardElement, {attributeFilter: ["class"]});
+                        }
                     }
-                }
-            } else {
-                initMermaid(mermaidElements);
+                });
             }
+            initMermaid(normalElements);
         });
     });
 };