I was playing with the chrome inspector to style mermaid diagrams and I’ve found a bug, likely in your current Electron version : SVG node
foreignObject does not render its content when using attribute
Steps to reproduce
Try to render a user journey diagram from the mermaid docs
journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me
The rendered diagram with text nodes. Colors problems are fine, I can deal with them using CSS.
The diagram is rendered but without text nodes. This isn’t a color problem but likely a bug with the SVG rendering engine (see screenshots)
Chromium 88.0.4324.96 display this correctly.
- Operating system: Linux
- Obsidian version: 0.11.0
position="fixed", no text is rendered, and using the inspector we can see when hovering the children that there is no rendered box
Fixed by manually removing the attribute
The SVG is rendered by chromium correctly even with the attribute