Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

misaligned node labels in mermaid diagrams #5812

Closed
samuelpmish opened this issue Aug 28, 2023 · 4 comments
Closed

misaligned node labels in mermaid diagrams #5812

samuelpmish opened this issue Aug 28, 2023 · 4 comments

Comments

@samuelpmish
Copy link

samuelpmish commented Aug 28, 2023

When drawing diagrams with mermaid in Typora on my mac, the rendered output looks different than all the examples shown here: https://support.typora.io/Draw-Diagrams-With-Markdown/#mermaid

Specifically, the labels for each node are vertically offset from the center.
On my machine with v1.6.7
Screenshot 2023-08-28 at 12 07 56 PM

compared with
(github)

graph LR
a-->B
Loading

Is this configurable, or a bug in the formatting? The centered labels look much cleaner to me.


Another comparison:
(typora v1.6.7)
Screenshot 2023-08-28 at 12 08 51 PM

(github)

graph LR
A[Hard edge] -->B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
Loading
@samuelpmish
Copy link
Author

update: same issue with v1.7.2-dev with its newer version of mermaid on mac

@samuelpmish
Copy link
Author

v1.7 on a linux version of typora centers the labels correctly

@abnerlee
Copy link
Contributor

fixed in 1.7.5

@samuelpmish
Copy link
Author

the problem appears to not be fixed in 1.7.5 on mac

Screenshot 2023-09-23 at 8 41 55 AM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants