From d11d52c5ee14e74cb0de2f6716a56916609dbaad Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 27 Mar 2023 16:01:05 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/7769

---
 app/src/protyle/markdown/mermaidRender.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/protyle/markdown/mermaidRender.ts b/app/src/protyle/markdown/mermaidRender.ts
index a93e4d5d4..7632143e1 100644
--- a/app/src/protyle/markdown/mermaidRender.ts
+++ b/app/src/protyle/markdown/mermaidRender.ts
@@ -61,7 +61,7 @@ export const mermaidRender = (element: Element, cdn = Constants.PROTYLE_CDN) =>
 };
 
 const initMermaid = (mermaidElements: Element[]) => {
-    mermaidElements.forEach((item) => {
+    mermaidElements.forEach((item, index) => {
         if (item.getAttribute("data-render") === "true") {
             return;
         }
@@ -71,7 +71,9 @@ const initMermaid = (mermaidElements: Element[]) => {
         const renderElement = item.firstElementChild.nextElementSibling as HTMLElement;
         renderElement.removeAttribute("data-processed");
         renderElement.textContent = Lute.UnEscapeHTMLStr(item.getAttribute("data-content"));
-        mermaid.init(undefined, renderElement);
+        setTimeout(() => {
+            mermaid.init(undefined, renderElement);
+        }, Constants.TIMEOUT_BLOCKLOAD * index);
         item.setAttribute("data-render", "true");
         renderElement.setAttribute("contenteditable", "false");
         if (!item.textContent.endsWith(Constants.ZWSP)) {