Flowchart ugly self linking nodes

[pinage404]

Description

Until 11.0.2, self linking node was pretty

Broken in 11.1.0

Ugly since 11.1.1 #5828

Still ugly in the develop branch

Steps to reproduce

1. create a flowchart
2. add a self referencing node

Screenshots

No response

Code Sample

flowchart TB
    start([Start])
    ==> green([Change some code])
    ==> finish([Finish])

    green -.->|Incomplete ?| green

    classDef green_phase font-weight:bold,color:black,fill:#1cba1c;
    class green green_phase

Setup

• Mermaid version: 11.1.1 and above
• Browser and Version: Zen 1.0.1-a.18 (Firefox 132.0.1) (64 bits)

Suggested Solutions

No response

Additional Context

No response

[waimea-cpy]

I think this is also covered in #5827

I just added a comment there to say exactly the same thing!

[floWetzels]

I experienced the same problem. Just dropping this here to raise attention. The issue is particularly annoying as it suddenly appeared in README.md files of GitHub projects that had flawless rendering earlier.

Is there a way to select a specific version in markdown-embedded mermaid graphs?

[0x822a5b87]

issue

I encounter the same issue and I believe it was due the render of mermaid, the defaultRenderer of mermaid is dagre, There is a workaround that can fix it by explicitly specifying the renderer of the flowchart as follows, the output of your code will be rendered with a elk:

---
config:
    flowchart:
        defaultRenderer: elk
---

Unfortunally, it seems like that github doesn't support elk yet, but it works in mermaid live and my local VSCode.