Generated SVG only supported by web browsers

[KerstinKeller]

Describe the bug
I have used the live editor to generate an SVG file. The file loads fine in the browser.
However I cannot load it in other programs such as PowerPoint or Inkscape.

To Reproduce
Export any graph as SVG from mermaid live monitor.
E.g.

gitGraph
       commit
       commit
       branch feature
       commit
       checkout main
       merge feature

This exports as the following SVG file:

Which displays fine in the browser like so:

However importing to a program such as Inkscape

Or Powerpoint

I already opened this issue with Inkscape, but I guess the problem might not be entirely on their side.

Expected behavior
SVGs can be downloaded that are displayed correctly by other programs interpreting SVG.

I hope this is the correct place for this issue, please let me know otherwise.

[aloisklink]

Mostly blocked by mermaid-js/mermaid#2102.

However, it looks like these gitGraphs don't work because they're trying to download CSS from the internet, which isn't supported by Inkscape.

SVGs generated by mermaid-js/mermaid-cli embed the CSS in the SVG, so they don't have that problem, but they also seem to use CSS variables (see https://developer.mozilla.org/en-US/docs/Web/CSS/var), which are also not yet supported by Inkscape (see https://gitlab.com/inkscape/inbox/-/issues/1180)

[ghost]

Relates to (duplicate of):

• Mermaid 8.0.0-rc.8 creates SVG files that do not display correctly in Inkscape and Latex mermaid-cli#103
• SVG export does not work properly when the exported SVG is used outside Firefox mermaid#2102
• Render diagrams using non-browser-based rendering libraries mermaid#2485
• SVG conformance ? mermaid#1845
• Flowchart rendered differently depending on whether "htmlLabels" is enabled or not mermaid#1572

[github-actions]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 30 days

[wzqvip]

This still not fixed. Both mmdc(cli) and web generated files are still with web stuff that cannot be rendered correctly in inkscape.