String not display completely in the mermaid on Safari when zoomed

[abnerlee]

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]

5. see screenshots, the text in node is not displayed completely.

Screenshots

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_

[lamATnginx]

Any movement on this issue from the devs?

[rofsdahl]

I've had this issue in Chrome, and found that manually setting 'wrappingWidth' to a value above 260 or 270 fixes the issue. Text is no longer truncated, regardless of browser zoom level. Not sure if it's a reliable workaround.

{
  "theme": "default",
  "flowchart": {
    "wrappingWidth": 270
  }
}

Example:
https://mermaid.live/edit#pako:eNpVUMtqAzEM_BXhUwubEHJoYQ-FllxzSqDQugdlrV0b_FhsOZs05N-rTSDQm0YzaDRzUV0ypFo1ZBwt7Dc6vn_vGDP_wGLxBh9Pe-sK-BQHYDoxDMQFONfYIZMBZOgoM7oIh5ymQhl-Uwrg6Ui-LGGLsaL3ZyjE7OTIJD6jDJ_OsAU8pCPB-mUFKcP6dSUyCnI_Qe9OwJbAlVJp-ayjalSgHNAZ-faiI4BWIgikVSujoR6rZ62aO9X7NHVWcsz0TT5v_7nPjHjO3FXHqxhg5bQ7x061kpAalVMdrGp79EVQHY1k3jiUrsJjO2L8ksQPTMZxytt7q7dyr3-cJHnF