flowchat node too small

[vidyli]

graph TD
    Start --> Request
    Request -- validate raw data --> B[Raw data]
    B -- transform --> C[DTO]
    C -- validate business rules --> D[Domain model]
    D --> Stop
    Stop

Render using this plugin

Mermaid live editor

[bowdi]

I'm also seeing this issue!

graph TD
    a[Start] --> b[End]

[jaudiger]

I'm also facing the same issue. Any workaround until it's fixed ?

[amberyli]

I also have the same issue. Really annoying.

[gitjeff05]

Kind of a hack, but overriding default style works for me:

classDef default font-size:12px

https://mermaid-js.github.io/mermaid/#/flowchart?id=default-class

example:

graph LR
    A[Filter] --> B((Circle))
    B --> D{Rhombus}

    classDef default font-size:12px

[amberyli]

@gitjeff05 thank you love! it did work for me last week. but this week, the output becomes weird once again. have to re-adjust the font size. hope they could figure it out quickly though

[jroachgit]

when I put in that code: classDef default font-size:12px I get a syntax error.

[Jmuccigr]

I'm seeing this problem when I simply use a style to increase the font size. The node box doesn't grow to fit the now larger text. Perhaps there's a simple fix for this in the style settings? (He wrote hopefully.)

[mjbvz]

Seems to work fine for me in the latest release at a range of zoom levels:

If you're still seeing issues, please open a new issue with the text of the diagram

[Jmuccigr]

This is easy to reproduce for me. Just include a larger font-size style:

classDef default font-size:14pt;

[mjbvz]

Please share a complete example

[Jmuccigr]

Sure. As I said, take the example from above and add the new line with a change to the font-size. Now the text is too big for the boxes:

graph TD
Start --> Request
    Request -- validate raw data --> B[Raw data]
    B -- transform --> C[DTO]
    C -- validate business rules --> D[Domain model]
    D --> Stop
    classDef default font-size:14pt;
Stop