Enable HTML tags to make Mermaid render dotted lines

Flowcharts appear to be missing styles if HTML tags are disabled for flowchart labels. They appear to disabled because some browsers (mermaid-js/mermaid#303) may omit labels if they are present, but in testing with Microsoft Edge this doesn't appear to be an issue now. Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/60869
tigefa4u · Apr 26, 2019 · 916d0a7 · 916d0a7
1 parent 265b789
commit 916d0a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/assets/javascripts/behaviors/markdown/render_mermaid.js b/app/assets/javascripts/behaviors/markdown/render_mermaid.js
@@ -31,7 +31,7 @@ export default function renderMermaid($els) {
         // mermaidAPI options
         theme: 'neutral',
         flowchart: {
-          htmlLabels: false,
+          htmlLabels: true,
         },
       });
 

diff --git a/changelogs/unreleased/sh-fix-mermaid-flowchart-rendering.yml b/changelogs/unreleased/sh-fix-mermaid-flowchart-rendering.yml
@@ -0,0 +1,5 @@
+---
+title: Enable HTML tags to make Mermaid render dotted lines
+merge_request: 27770
+author:
+type: fixed