There are some nodes where the content suddenly disappears

[yegao]

Description

When I open my mermaidchart project
。There are some nodes where the content suddenly disappears。

Steps to reproduce

open https://www.mermaidchart.com ，and create a mermaidchart project.

Screenshots

Some noe has content in editor, but display nothing.

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response

[dylan-partly]

ive found if you have more than 22 chars on a node, the text disappears

![Screenshot from 2024-09-12 17-06-52](https://github.com/user-attachments/assets/56960848-c1c2-46a4-b12c-269

is fine on chrome, only breaks on firefox

[JakubKoralewski]

I can't reproduce this in mermaid.live, but in Github Preview the below is an empty node (Firefox):

flowchart TB
   B["asdasdaaaaaaaaaaaaa sadsdadddddddddd"]

Loading

Adding %%{init: {"flowchart": {"htmlLabels": false}} }%% before the flowchart seems to fix it!:

%%{init: {"flowchart": {"htmlLabels": false}} }%%
flowchart TB
   B["asdasdaaaaaaaaaaaaa sadsdadddddddddd"]

Loading