Fix Mermaid drawings not loading on some browsers

As mentioned in https://github.com/knsv/mermaid/issues/291#issuecomment-287673609, the parameter should be `startOnLoad` instead of `loadOnStart`. In addition, `mermaid.initialize()` expects to see `startOnLoad` in the `mermaid` hash: https://github.com/knsv/mermaid/blob/6cd5ffe637d88525b93417bf3954e9c0e5a4deb8/src/mermaid.js#L118 Closes #42052

Fix Mermaid drawings not loading on some browsers
b1261ad9 · Stan Hu · 3228ac06 · b1261ad9 · b1261ad9
Commit b1261ad9 authored Jan 17, 2018 by Stan Hu
Hide whitespace changes
Inline Side-by-side

Showing with 10 additions and 1 deletion

render_mermaid.js app/assets/javascripts/render_mermaid.js +5 -1

sh-fix-mermaid-start-on-load-typo.yml changelogs/unreleased/sh-fix-mermaid-start-on-load-typo.yml +5 -0

No files found.
--- a/app/assets/javascripts/render_mermaid.js
+++ b/app/assets/javascripts/render_mermaid.js
@@ -19,7 +19,11 @@ export default function renderMermaid($els) {

  import(/* webpackChunkName: 'mermaid' */ 'blackst0ne-mermaid').then((mermaid) => {
    mermaid.initialize({
-      loadOnStart: false,
+      // mermaid core options
+      mermaid: {
+        startOnLoad: false,
+      },
+      // mermaidAPI options
      theme: 'neutral',
    });


--- a/changelogs/unreleased/sh-fix-mermaid-start-on-load-typo.yml
+++ b/changelogs/unreleased/sh-fix-mermaid-start-on-load-typo.yml
+---
+title: Fix Mermaid drawings not loading on some browsers
+merge_request:
+author:
+type: fixed