composite state label covers children

[adamfk]

Description

When a composite state label spans multiple lines, it often overlaps its nested states as shown below.

state "ACTIVE\nenter / setup();\nexit / teardown();" as ACTIVE {
<snip...>

stateDiagram
SLEEPING : SLEEPING

state "ACTIVE\nenter / setup();\nexit / teardown();" as ACTIVE {
    [*] --> SEARCH

    SEARCH : SEARCH
    CHARGE : CHARGE
}

[*] --> SLEEPING
SLEEPING --> ACTIVE : EV_SEARCH
ACTIVE --> SLEEPING : EV_SLEEP

SEARCH --> CHARGE : EV_CHARGE
CHARGE --> SEARCH : EV_SEARCH

Loading

If this layout issue could be fixed, we could close #5522

Steps to reproduce

See above

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version: 11.3.0
• Browser and Version: Chrome 129.0.6668.100

Suggested Solutions

No response

Additional Context

No response