mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
68.61k stars 6.05k forks source link

Stacked arrows lead to misplaced labels #3381

Open KevinDCarlson opened 1 year ago

KevinDCarlson commented 1 year ago

Arrows starting or ending at the same node, all labelled, have their labels pushed progressively further off to the side as the number of arrows increases.

To Reproduce Write any diagram with more than two arrows sharing a start and/or end.

Expected behavior Labels should be on the arrow they correspond to, or directly adjacent to it.

Screenshots Screen Shot 2022-08-30 at 5 54 10 PM

Code Sample

flowchart LR;
id0[Begin]--A-->id1[Stuff!]
id0--B-->id2[Other stuff!]
id0--C-->id3[More stuff!]
id0--D-->id4[Still more!]
id0--E-->id5[Golly...]
id0--F-->id5
id0--G-->id5
id0--H-->id5

Desktop (please complete the following information):

Additional context It seems like the rendering engine needs permission to move some labels horizontally.

cbandy commented 1 year ago

Related?