Mermaid 8.0.0-rc.8 creates SVG files that do not display correctly in Inkscape and Latex

[RedX2501]

We user mermaid.cli from mermaid-filter to generate PDF files from Markdown.

When using mermaild-cli 0.4.6 it was creating black tags for the labels. Firefox version 0.5.6 did display the SVG correctly though.

According to devDependencies mermaid.cli uses mermaid 8.0.0-rc.8.
Replacing the minified mermaid version with 7.1.2 fixed the problem. Mermaid 8.0.0-rc.8 still had the issue.

[tewarid]

Found a similar issue with librsvg2 on Linux tewarid/docker-pandoc#8

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[BioinfoTongLI]

It seems that it's not fixed yet ? Does that mean we have to tick with 7.x.x while 8.2.1 is already released ?

[nicolaidea]

it is not fixed yet. =(

[epower]

This might be a related issue (at least for Pandoc/Latex) https://gitlab.gnome.org/GNOME/librsvg/issues/428

[tonytonyjan]

I can confirm that this issue still exists with the version 8.4.4

[Gowa2017]

I have the same problem too.

[Gowa2017]

https://gitlab.gnome.org/GNOME/librsvg/issues/428

It's OK when I render gantt.But render graph has same problem.

Pandoc user librsvg to convert svg ,the rsvg-convert will report :

CSS parsing error
CSS parsing error
CSS parsing error
CSS unrecoverable error
parsing error: 497:1:could not recognize next production
parsing error: 499:3:while parsing rulset: current char must be a '}'
parsing error: 499:2:while parsing declaration: next property is malformed

[ggarciatisa]

https://gitlab.gnome.org/GNOME/librsvg/issues/428

It's OK when I render gantt.But render graph has same problem.

Pandoc user librsvg to convert svg ,the rsvg-convert will report :

CSS parsing error
CSS parsing error
CSS parsing error
CSS unrecoverable error
parsing error: 497:1:could not recognize next production
parsing error: 499:3:while parsing rulset: current char must be a '}'
parsing error: 499:2:while parsing declaration: next property is malformed

Same error

[archiloque]

I created a ticket on Inkscape to track the issue on their side https://gitlab.com/inkscape/inbox/-/issues/3268#note_378199615

[jgreywolf]

Is this still considered an issue? Or more specifically, is this an issue from mermaid perspective, or another project? (not sure from thread)

[jgreywolf]

Moving to CLI after conversation with @knsv

[LuisBL]

does not display correctly on LibreOffice too

[MindaugasLaganeckas]

I am closing the issue, because it seems related to another project and not mermaid-cli. If you disagree, please, reopen the issue and give a short status update. Thanks! 😄 🏅

[Grummfy]

well most of the tools don't render it properly, so I'm not sure it's entirely to the tools
I Have the same issue with

• intelij (phpstorm)
• imagemagick (with convert command)
• libreoffice
• firefox
• inkscape
• ...

Globally any tools that I use have some sort of issue, and they use different technology (c, rust, java, node, etc) so it's seems more global.

[chuxubank]

Emacs (with librsvg support) do not display it correctly too.

Screen.Recording.2022-01-22.at.5.16.38.PM.mov