diff --git a/mermaids.sh b/mermaids.sh
index 4d88880..a5004ad 100644
--- a/mermaids.sh
+++ b/mermaids.sh
@@ -188,6 +188,7 @@ cat > /var/www/mermaid/index.html <<'HTML'
     .mermaid { max-width: 90%; margin: 0 auto; }
   </style>
   <script>
+  document.addEventListener('DOMContentLoaded', function() {
     mermaid.initialize({startOnLoad: false, securityLevel: 'loose'});
     const editor = document.querySelector('textarea');
     const preview = document.getElementById('preview');
@@ -208,8 +209,9 @@ cat > /var/www/mermaid/index.html <<'HTML'
     B -->|No| D[Do B]
     C --> E[End]
     D --> E`;
-    input();
-  </script>
+    editor.dispatchEvent(new Event('input'));
+  });
+</script>
 </head>
 <body>
   <textarea spellcheck="false"></textarea>
