Docs: Driver name resolution flowchart SVG renders badly in Safari / macOS

[ianmcook]

What happened?

In Safari and in the Preview app on macOS, the driver name resolution flowchart SVG file renders badly, with the text in some boxes truncated. "Has Extension" shows only "Has", "No Extension" shows only "No", etc.

Safari:

Chrome:

Stack Trace

No response

How can we reproduce the bug?

No response

Environment/Setup

No response

[amoeba]

May be the same as mermaid-js/mermaid#6640.

Edit: Appears fine here though.

[amoeba]

I think it's the theme. If I remove

---
// [MermaidChart: 9800b551-3a02-4ce5-af92-c6d25d464d2b]
config:
  theme: neo-dark
  layout: dagre
---

from the preamble, the SVG renders fine in Safari, albeit without the same colors as above.

[amoeba]

@zeroshade do you remember how you generated the svgs? When I install the mermaid JS CLI, I don't have the neo-dark theme and from searching around, others appear to be in the same boat.

[zeroshade]

I used mermaidchart.org and made a free account there. It has utilities for generating SVGs and PNGs using mermaid along with a UI for building charts