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

Node label gets cut off in Safari #137

Open
Moarram opened this issue Mar 1, 2025 · 0 comments
Open

Node label gets cut off in Safari #137

Moarram opened this issue Mar 1, 2025 · 0 comments

Comments

@Moarram
Copy link

Moarram commented Mar 1, 2025

Describe the bug
The label gets cut off when the page is zoomed out, or even at default zoom for certain labels.

This issues seems to be specific to Safari... the same chart works perfectly fine in Firefox.

To Reproduce
Steps to reproduce the behavior:

  1. Go to www.mermaidchart.com/play
  2. Create a flowchart with node pwr(["power switch (+12V)"])
  3. Observe only "power switch" render in diagram
  4. Zoom out the webpage a few levels (with ⌘-)
  5. Trigger a re-render (close and open "Visual Editor Menu")
  6. Observe only "power" render

Expected behavior
No text gets cut off.

Screenshots

Image

Page at 100% zoom, the "(+12V)" gets cut off

Image

Page at 50% zoom, most of the label gets cut off

Desktop (please complete the following information):

  • OS: macOS
  • Browser: Safari
  • Version: 17.3.1
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

1 participant