From 1546273fb745e6b8387e21f3e47d6073f6a42c16 Mon Sep 17 00:00:00 2001
From: Douglas Vought <doug@vought.co>
Date: Fri, 16 Aug 2024 08:35:20 -0400
Subject: [PATCH] Load mermaid asynchronously If mermaid is synchronously
 loaded, a slow load can prevent the sidebar from displaying since it loads
 async and must wait for mermaid. Instead, load mermaid asynchronously and
 then call `mermaidLoaded()` when loading is finished.

---
 make/ex_doc.exs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/make/ex_doc.exs b/make/ex_doc.exs
index 4561df526d32..8c4596be4f8e 100644
--- a/make/ex_doc.exs
+++ b/make/ex_doc.exs
@@ -187,9 +187,8 @@ config = [
   before_closing_body_tag: fn
     :html ->
       """
-      <script src="https://cdn.jsdelivr.net/npm/mermaid@10.9.0/dist/mermaid.min.js"></script>
       <script>
-        document.addEventListener("DOMContentLoaded", function () {
+        function mermaidLoaded() {
           mermaid.initialize({
             startOnLoad: false,
             theme: document.body.className.includes("dark") ? "dark" : "default"
@@ -207,8 +206,9 @@ config = [
               preEl.remove();
             });
           }
-        });
+        }
       </script>
+      <script async src="https://cdn.jsdelivr.net/npm/mermaid@10.2.3/dist/mermaid.min.js" onload="mermaidLoaded();"></script>
       """
 
     _ ->