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

String not display completely in the mermaid on Safari when zoomed #5122

Open
abnerlee opened this issue Dec 7, 2023 · 1 comment
Open
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@abnerlee
Copy link

abnerlee commented Dec 7, 2023

Description

node text is not displayed completely on Mac when zoomed.

Steps to reproduce

  1. Open Safari
  2. Press command + + or - to change page zoom in Safari
  3. Open https://mermaid.live/edit#pako:eNpFj8FqwzAQRH9l2VMLyaFpTz4EGjvNJdBCc7N8WKJNJBKthLymBNv_HqVQehuGN8PMiMdoGSs8Z0oODo2R97Z22fcaqO9guVxPO1YIUfg2weZpF6F3MSUv52cjmwcA9bh_IAzqvFxmI_Vv7lN4gqbdU9KYuj_38BMn2Lb-y5XKf9dlLvRHW5N9Wb2-dbjAwDmQt2XcaATAoDoObLAq0vKJhqsaNDIXlAaN3zc5YqV54AUOyZJy46ncClid6NrzfAdq8E8l
  4. use sample mermaid code
graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[Cad1234]
  1. see screenshots, the text in node is not displayed completely.

Screenshots

Screenshot 2023-12-07 at 22 35 06

Code Sample

graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[Cad1234]


### Setup

- Mermaid version: 10.6.1
- Browser and Version: Safari

### Suggested Solutions

_No response_

### Additional Context

_No response_
@abnerlee abnerlee added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Dec 7, 2023
@lamATnginx
Copy link

Any movement on this issue from the devs?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Development

No branches or pull requests

2 participants