Missing text in rendered diagrams

[tomjones1977]

I've been trying to get the plugin working successfully with mkdocs build and am coming across an unusual bug. All diagrams seem to be rendered with no text in them, but the diagram appears to generate.

Example code and output (Backslash to prevent github processing the closing ticks):

  ```mermaid
  flowchart TB
  test --> test2
  \```

[hkato]

@tomjones1977

I cannot reproduce the issue in my environment.

• macOS 15.6.1
• node: v24.8.0
• mmdc (@mermaid-js/mermaid-cli): 11.12.0

Could you please try directly converting an mmd file to svg/png to see if it works?

flowchart TB
  test --> test2

mmdc -i test.mmd -o test.svg

mmdc -i test.mmd -o test.png

[tomjones1977]

I wasn't able to run the mmdc commands directly inside the container image as it's running as root and the headless browser doesn't like it, however based on the comments in docs/mermaid.md I was able to successfully render the image with format=png width=1920 on the diagram and it rendered correctly in the PDF.

[hkato]

Are you using markdown-mermaid-cli in your setup along with mkdocs-with-pdf?

This is related to a previous discussion in issue domWalters/mkdocs-to-pdf#71

[tomjones1977]

Yes, this looks like the same issue, I'm using it with mkdocs-to-pdf from dom: https://github.com/domWalters/mkdocs-to-pdf

[hkato]

@tomjones1977

Can I close this issue? If the problem persists, please feel free to reopen it.

[tomjones1977]

I've not had chance to review but if it's still an issue I will reopen. Thanks

[kassi]

Same issue ere with the mkdocs extension, but only for svg. png works, but looks very blurry (that's why I wanted to try svg).

[Angelinsky7]

it's maybe because of : mermaid-js/mermaid#2688
this plugin explain it here: https://kind-ground-03224aa00.3.azurestaticapps.net/#pdf-compatibility
if we could pass a mermaidConfig file we could to this

{ "htmlLabels": false, "flowchart": { "htmlLabels": false } }

[Angelinsky7]

for anyone interested

markdown_mermaid_cli.patch

you'll be able to add in you mkdocs.yml:

markdown_extensions:
  markdown_mermaid_cli:
    default_format: svg
    config_file: ./mermaid.config.json

{ "htmlLabels": false, "flowchart": { "htmlLabels": false } }