8000 Buggy rendering differences between live and playground · Issue #6576 · mermaid-js/mermaid · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Buggy rendering differences between live and playground #6576

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.

Sign up for GitHub

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

Jump to bottom
Open
ArashPartow opened this issue May 8, 2025 · 0 comments
Open

Buggy rendering differences between live and playground #6576

ArashPartow opened this issue May 8, 2025 · 0 comments
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@ArashPartow
Copy link
ArashPartow commented May 8, 2025 •
edited
Loading

Description

There seems to be an annoying difference in rendering labels on edges in state diagrams between playground and live.

I think in both cases the label location is computed in a similar way, however in playground, the edge is curvier, which means it doesn't approach the label.

Seeing the same thing with Chrome and Firefox with most recent versions as of 20250508.

Steps to reproduce

The following are the two different renderings I'm seeing:

Image

Image

Screenshots

No response

Code Sample

Here is the mermaid syntax:


---
title: On The Way To Something Something DarkSide
config:
  look: default
  theme: default
---

stateDiagram-v2

   state State1_____________
   {
      c0
   }

   state State2_____________
   {
      c1
   }

   state State3_____________
   {
      c7
   }

   state State4_____________
   {
      c2
   }

   state State5_____________
   {
      c3
   }

   state State6_____________
   {
      c4
   }

   state State7_____________
   {
      c5
   }

   state State8_____________
   {
      c6
   }


[*] --> State1_____________
State1_____________ --> State2_____________   : Transition1_____
State2_____________ --> State4_____________   : Transition2_____
State2_____________ --> State3_____________   : Transition3_____
State3_____________ --> State2_____________
State4_____________ --> State2_____________   : Transition5_____
State4_____________ --> State5_____________   : Transition6_____
State5_____________ --> State6_____________   : Transition7_____
State6_____________ --> State4_____________   : Transition8_____
State2_____________ --> State7_____________   : Transition4_____
State4_____________ --> State7_____________   : Transition4_____
State5_____________ --> State7_____________   : Transition4_____
State6_____________ --> State7_____________   : Transition4_____
State7_____________ --> State1_____________   : Transition9_____
State5_____________ --> State8_____________   : Transition10____
State8_____________ --> State5_____________   : Transition11____
@ArashPartow ArashPartow added Type: Bug / Error Something isn't working or is incorrect Status: Triage Needs to be verified, categorized, etc labels May 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ArashPartow
0