Skip to content

Long text clipped in flowchart boxes #7354

@mfellows

Description

@mfellows

Description

Up until recently (earlier this month?), flowchart boxes used to expand vertically to fit the text inside them, but this no longer happens, instead the text is truncated.

Tested on Windows with:
Chrome 144.0.7559.97
Edge 144.0.3719.92

Steps to reproduce

Using the default Mermaid editor sample diagram, modify one of the boxes to have a long string of text - see https://mermaid.live/edit#pako:eNpVkT9vgzAQxb-KdVMrkYiA-VMPlRrSZknVDp0KGaxwgFWwkTFKU-C71yGqkno4-e6937vhBjioHIFBUavjoeLakI9NJol9T2lSadGZhnfEYGduSq1kSWoh8Trbk8XicdyiIY2SeBrJ-m6rSFepthWyvL9Ers8mkgy7s83ClZBf00VKZv5N4kg26Y63RrX7W-XjqEbynIr3ysb_VyqNlnpJC84KvjhwTRKuZws4UGqRAzO6Rwca1A0_tzCc1QxMhQ1mwOw3x4L3tckgk5PFWi4_lWr-SK36sgIbX3e269ucG9wIXmp-taDMUSeqlwaYF80RwAb4BuZ7dBm63iqOIhpGfuBa9QQsjpcuXcV-sPJD6lIaTg78zEvdZeRR6gcedYMHzwuD2AHMhVH69XKt-WjTL0Xdimw.

Diagram markdown:

flowchart TD
A[Christmas test test test long line test test] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]

Screenshots

Image

Code Sample


Setup

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

Suggested Solutions

No response

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: TriageNeeds to be verified, categorized, etcType: Bug / ErrorSomething isn't working or is incorrect

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions