Cut-off links in flowchart

[StefanBrand]

Describe the bug Depending on the order of the statements, links get cut-off.

To Reproduce This works:

flowchart TD
    A --> B
    B --> C
    A --> C

This cuts off the left link:

flowchart TD
    A --> B
    A --> C
    B --> C

flowchart TD
    A --> B
    A --> C
    B --> C

Expected behavior The left link should have a padding to avoid cutting it off.

Screenshots vs

Reproducible on mermaid.live

Desktop:

• OS: Ubuntu 20.04
• Browser: Firefox
• Version: 98.0

[jnm2]

This is a bug with both TD (on the right) and LR (on the bottom) in these cases.

[artfulrobot]

Anyone know a work around for this? Seems if there were only a 'padding' option or something?

[artfulrobot]

Work around: Use the latest v8 version instead of the v9 version (I'm using 8.14.0) and apply:

mermaid.initialize({startOnLoad:true, flowchart: {diagramPadding: 20}}

[knsv]

Will be a part of release 9.1.7