Description
The two ::icon(mdi mdi-fire) directives in child3[Square]'s subtree produce no visible icons on the gc6 and gc7 nodes. The nodes render as plain circles with text only.
This is because the MDI (Material Design Icons) font/CSS is not loaded anywhere in the page, so the icon references resolve to nothing silently.
Steps to reproduce
- Create an HTML page with the mindmap code as provided (without any MDI stylesheet in
<head>)
- Add a mindmap node with an
::icon(mdi mdi-fire) directive:
gc6((grand<br/>child 6))
::icon(mdi mdi-fire)
- Open the page in a browser (
localhost:9000/mindmap.html)
- Observe the rendered mindmap
- Bug: The
gc6 and gc7 nodes render as plain circles with text only — no fire icon appears, and no error or warning is shown to indicate the icon failed to load
Screenshots
Code Sample
Icons declared but font never loaded:
html<head>
<!-- No MDI stylesheet imported -->
</head>
gc6((grand<br/>child 6))
::icon(mdi mdi-fire) ← renders nothing
gc7((grand<br/>grand<br/>child 8))
::icon(mdi mdi-fire) ← renders nothing
Setup
- Mermaid version: 11.12.1
- Browser: Microsoft Edge
Suggested Solutions
Add the MDI stylesheet to :
Additional Context
No response
Description
The two ::icon(mdi mdi-fire) directives in child3[Square]'s subtree produce no visible icons on the gc6 and gc7 nodes. The nodes render as plain circles with text only.
This is because the MDI (Material Design Icons) font/CSS is not loaded anywhere in the page, so the icon references resolve to nothing silently.
Steps to reproduce
<head>)::icon(mdi mdi-fire)directive:localhost:9000/mindmap.html)gc6andgc7nodes render as plain circles with text only — no fire icon appears, and no error or warning is shown to indicate the icon failed to loadScreenshots
Code Sample
Setup
Suggested Solutions
Add the MDI stylesheet to :
Additional Context
No response