Skip to content

Mindmap's root node and it's links look disconnected when using tidy-tree #7572

@alexander-uljev

Description

@alexander-uljev

Description

In case of defining many nodes (more than 5) while using the tidy-tree setting, the links between the root node and it's subnodes on the right side look disconnected

Steps to reproduce

Link to Live Editor: click

  1. Go to the link provided
  2. See the root node
  3. Change the root node's shape to rectangle, rounded rectangle, circle - links on the right side look disconnected
  4. Change the root node's shape to cloud - links look good, connected to the root node

Screenshots

https://freeimage.host/i/BxrasMN
https://freeimage.host/i/Bxrainp
https://freeimage.host/i/Bxra4wv
https://freeimage.host/i/Bxra6tR
https://freeimage.host/i/BxratcX

Code Sample

Links on the right look disconnected:

---
config:
  layout: tidy-tree
---
mindmap
    A
        B
        C
        D
        E
        F
        G

Links on the right look good:

---
config:
  layout: tidy-tree
---
mindmap
    )A(
        B
        C
        D
        E
        F
        G

Setup

  • Mermaid version: 11.13.0
  • Chrome OS Flex 145.0.7632.216
  • Google Chrome 145.0.7632.216

Suggested Solutions

Copy the cloud shape code for other shapes?

Additional Context

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions