Architecture Diagram layout places nodes far away #7267
Description
Description
I tried producing an example diagram in the live editor with a network architecture, containing a bunch of groups and services.
The items are being placed very counterintuitively, and funnily, one element is quite far off the screen.
Steps to reproduce
This is the diagram I tried, see also Link below to Live Editor:
architecture-beta
group a1(internet)[Internet]
service modem(server)[ModemBox] in a1
group router(cloud)[MT Router]
group netBridge(cloud)[Bridge] in router
group vlMgmt(cloud)[vl Mgmt] in netBridge
group vlIot(cloud)[vl IoT] in netBridge
group vlSip(cloud)[vl SIP] in netBridge
group vlGuest(cloud)[vl Guest] in netBridge
group vlIntern(cloud)[vl Internal] in netBridge
service ppp(internet)[Upstream] in router
service svc(server)[Service Port] in router
service admin(cloud)[Admin]
service snIntern[subN 10] in vlIntern
service snIot[subN 30] in vlIot
service snGuest[subN 31] in vlGuest
service snSip[subN 40] in vlSip
service snMgmt[subN 99] in vlMgmt
ppp:T -- B:modem{group}
svc:R -[here be problems]- L:admin{group}
Screenshots
Code Sample
https://mermaid.live/edit#pako:eNp9lE1vozAQhv-K5VMqQRTCR8C3TSutIm1WVZNeNnBwYEqQwEbGoO5G-e9rDKRApXAAv6NnXo9nkK845glggk3TDFnI-g8V8SWTEMtagHkGSUOG1JMKXpeIWouMSRAM5NNp16-ijqhANFkMqFCuxaJVIJ5O-1Zt-WeEMqbS2x2-7NRLWSzinNeJQo_oTQeiKaW22IosSWEAO6UdO4cp3-T7tJAD3OSolZq-O03xHR_TO358BB-ycgQfdq-P4J81VGNvrR-Wons6rkYHaD5Pmva8LMvRYN7LSgqgxaRDY7xq4vuADn3slQv5LWGaRpMiu9f2oxXRvJCKdQWfqvr8G1kr7Tgc6xvKZcfZd47LOaRb1mNWj-nYHFSD6TBncFOROdT-Ch0VBD3VhoZjqD6SIzJNtCX6N77qudzup2xi8obM0wUEoLNqu-DnHIoqMtEvorszSsAGTtWwMJGiBgMXIAraSnxtzUIsL1BAiIlaJvBB61yGOGQ3lVZS9ofzYshUjukFkw-aV0rVZUIlvGQ0FfQLAZaAeOY1k5h4XqA9MLniT0wsy7OXrrPyA9t1Hc_fuAb-i4m79pdrx_WdwFsF9sa9Gfif3nS9DILAt1w78JXTxnEMDEkmudh314W-NW7_AVuwbvE
Setup
- Mermaid version: 11.12.0
- Browser and Version: Firefox 146.0.1
Suggested Solutions
No response
Additional Context
No response