markdown-viewer icon indicating copy to clipboard operation
markdown-viewer copied to clipboard

mermaid - gitGraph is not rendering

Open dhilmathy opened this issue 2 years ago • 3 comments

Mermaid dragram of type gitGraph is not rendering.

Sample

image

Browser used

  • Microsoft Edge (Version 102.0.1245.44)

Extension version

Version 4.0

Output

  • Blank code section display in browser

Extension settings

image

dhilmathy avatar Jun 19 '22 21:06 dhilmathy

Confirming it is not rendering in Chrome. Also, if you visit GitHub in Chrome and plugin is enabled and mermaid is used the entire page breaks; sometimes nothing is rendered.

@dhilmathy not sure if this helps you. I got it working by using the Chrome Dev tools. I flipped the state.content.mermaid too true; hit refresh, and it worked. For some reason, I haven't found the settings your showing at all (user error Im sure).

update - sorry for back and forth; I went back and found the UI, flipping the bit in Chrome worked. I am using Version 102.0.5005.115 (Official Build) (x86_64) with latest plugin.

ronaldpetty avatar Jun 21 '22 14:06 ronaldpetty

I should've mentioned the browser details in my above ticket itself. I am using Edge (Version 102.0.1245.44). I do not have Chrome and not tested in that.

Note: Updated above description with that information.

dhilmathy avatar Jun 21 '22 15:06 dhilmathy

Maybe the Mermaid version used here is outdated.

When having the extension enabled for all remote origins you have to exclude the github.com origin explicitly because otherwise the extension will interfere with the page as you have observed.

simov avatar Jun 25 '22 16:06 simov

Mermaid got updated in Markdown Viewer v5, you can download it from the Chrome Web Store or from the releases section here. The official Edge release will come in the upcoming few weeks so stay tuned for that.

simov avatar Dec 10 '22 17:12 simov