Merge pull request #8731 from voughtdq/load-mermaid-asynchronously/OT…

…P-19197 Load mermaid asynchronously in docs
erlang · Aug 20, 2024 · 2148554 · 2148554
2 parents 6787b52 + 04fd4e9
commit 2148554
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/make/ex_doc.exs b/make/ex_doc.exs
@@ -197,9 +197,8 @@ config = [
   before_closing_body_tag: fn
     :html ->
       """
-      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>
       <script>
-        document.addEventListener("DOMContentLoaded", function () {
+        function mermaidLoaded() {
           mermaid.initialize({
             startOnLoad: false,
             theme: document.body.className.includes("dark") ? "dark" : "default"
@@ -217,8 +216,9 @@ config = [
               preEl.remove();
             });
           }
-        });
+        }
       </script>
+      <script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js" onload="mermaidLoaded();"></script>
       """
 
     _ ->