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.63k stars 6.05k forks source link

Newlines in subgraph names cause overlap #5568

Open binLep opened 2 weeks ago

binLep commented 2 weeks ago

Description

Where bugs occur.

Steps to reproduce

1. State Diagram

Source code:

stateDiagram
    direction TB
    TokenController: aaa\nbbb\nccc
    state TokenController {
      direction LR
      login: +R<?> login(@RequestBody LoginBody form)
    }
    [*] --> TokenController

Display:

stateDiagram
    direction TB
    TokenController: aaa\nbbb\nccc
    state TokenController {
      direction LR
      login: +R<?> login(@RequestBody LoginBody form)
    }
    [*] --> TokenController

Display[obsidian]:

图片

Display[edge]:

图片

2. Flow Chart

Source code:

flowchart TD
subgraph TokenController["aaa
bbb
ccc"]
login["+R<?> login(@RequestBody LoginBody form)"]
end

Display:

flowchart TD
subgraph TokenController["aaa
bbb
ccc"]
login["+R<?> login(@RequestBody LoginBody form)"]
end

Display[obsidian]:

图片

Display[edge]:

图片

Screenshots

No response

Code Sample

No response

Setup

Suggested Solutions

No response

Additional Context

No response

binLep commented 2 weeks ago

Simliar to #5217