mermaid missing text in svg

Describe the bug i created a simple mmdc file. and when generated to an svg it is missing text.

To Reproduce i made a file called test.mmdc wit this code:

graph TD id1[This is the text in the box]

then I converted it with this command: mmdc -i test.mmdc

it then generated this: https://imgur.com/a/FmDRxV3

Expected behavior I expected that the text “This is the text in the box” would appear in the box

Screenshots https://imgur.com/a/FmDRxV3

Desktop (please complete the following information):

• OS: windows 10
• Browser chrome
• Version89.0.4389.90

[merrickluo]

@MindaugasLaganeckas the config file I use is like this

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

only the htmlLabels part matters though. I just use it by passing the file to mermaid-cli mmdc -c ~/.config/mermaid/config.json

[merrickluo]

Did a little digging, it seems that when using graph, mermaid generated svg is using foreignObject to render the text in node, and emacs and some other svg viewer is not handling it well (browser renders it fine).

Update: This can be workaround by adding a custom config file set htmlLabels to false.