Architecture Diagram - Groups With Long Names Overlap #7175
Description
Description
When I use longer text strings for asset names, the groups begin to overlap.
Steps to reproduce
- Use the provided sample charts on mermaid.live or develop.git.mermaid.live
- Observe the groups overlapping
Screenshots
The following chart:
architecture-beta
group test-1(logos:aws-lambda)[Test Long Phrase Group 1]
service test-1-1(logos:aws-api-gateway)[Test Long Phrase Search Callback] in test-1
service test-1-2(logos:aws-lambda)[Test Long Phrase Search Lambda] in test-1
group test-2(logos:aws-lambda)[Test Long Phrase Group 2]
service test-2-1(logos:aws-api-gateway)[API Gateway Test Long Phrase Chart Gateway] in test-2
service test-2-2(logos:aws-api-gateway)[Test Long Phrase Response Handler] in test-2
Produces the following on the develop live editor on 2025-11-18:
The following chart with shorter names:
architecture-beta
group test-1(logos:aws-lambda)[Test Long Phrase Group 1]
service test-1-1(logos:aws-api-gateway)[Test Callback] in test-1
service test-1-2(logos:aws-lambda)[Test Lambda] in test-1
group test-2(logos:aws-lambda)[Test Long Phrase Group 2]
service test-2-1(logos:aws-api-gateway)[API Gateway] in test-2
service test-2-2(logos:aws-api-gateway)[Test Handler] in test-2
Produces:
Code Sample
Setup
- Mermaid version:
- Browser and Version: [Chrome, Edge, Firefox]
Suggested Solutions
No response
Additional Context
No response