search

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
72.02k stars 6.54k forks source link

Architecture Diagram grows very tall #5952

Open Carus11 opened 3 weeks ago

Carus11 commented 3 weeks ago

Description

I have an architecture diagram with two groups, and in one group a bunch of nodes/database objects which I want to link to a particular service. I have done this through junctions but notice that when I create an edge connecting the two groups I then can cause the diagram to grow to a very tall size. If I leave the two groups disconnected it seem reasonable.

image

Steps to reproduce

In the code sample try removing and adding the line:

edge:R -- L:firewall

Screenshots

No response

Code Sample

https://develop.git.mermaid.live/edit#pako:eNqFlcGOgjAQhl-l6UkTPQjqgeNmNXvQbKJ7E7MpdMDuSmtKcWOM774FrIVQhUtp55_5_g6hveJYUMABJjI-MAWxKiSMI1Ak5Eg_qRTFCSVAQRIFdBAfRUGHu6VZQAt-ZlLwDLja1ynlk4M8sxiqEeRkUI_D3faSK8j2iHFbs5sFNIVHykJP0DuUgVd5mhJs0HiMVkGZHvKmf8G_TxIy4_6jiBxeEybhjxyPD_LyvtCk3ys926ndaDW6UwzI-K1zjONmURpNBpQoEpEchjs9e-2BRl5L7vXJ_Zbc75NPW_Jpn3zWks_65POWfN6W24SfgseKCY4yRp9WBBm8lc39CrTKmT1ZQaJE8qyIDZuvVBVyhO8c_XGcHO81x-twbGmn6oHznDj_Nc7v4DwHznfgfHcXNyw9qM9k_YTX3JeVNvpoFy1qauOuhvYgmyXNHl1oz4WedcGuJvdY8LoWfJcF32Vhjiy5lpbnmaljzo4ygkc4A5kRRvX5fS1XQqwOkEGIA_1KifwNcchvWkcKJbYXHuNAyQJGWJ-K6QEHCTnmelac9J8H74ykkmRGApQpIdf17VBdErd_TZnrJg

Setup

Suggested Solutions

No response

Additional Context

If I re-arrange the whole thing in a right to left orientation it seems to work

NicolasNewman commented 2 days ago

Thanks for bringing this up! I've identified the cause and will hopefully have a fix out by the end of this coming week.