Long labels truncated when exported as SVG

[oryx-it]

Description

When I manage to export anything the labels of longer steps are unfortunately being cut off.

Steps to reproduce

Export as svg and open

Screenshots

Code Sample

No response

Setup

• Mermaid version: Latest and greatest
• Browser and Version: 16.6 (18615.3.12.11.2)

Suggested Solutions

No response

Additional Context

No response

[sarthak15sharma]

I was unable to reproduce the problem using the live editor. Seems to be working fine

[oryx-it]

Would it make sense that you share what and how you tested?

graph TD A[Start] --> B[Optionale Benachrichtigung für bestimmte Personen über neuen verfügbaren Unterweisungstermin]

[sarthak15sharma]

Tried the same in the live editor and downloaded the SVG.

[oryx-it]

I was using the live browser in Firefox on macOS as the export function in safari in completely dead.On 9. Oct 2023, at 05:17, Sarthak Sharma ***@***.***> wrote: Tried the same in the live editor and downloaded the SVG. —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>

[oryx-it]

To add on why we were having different outputs. I did further investigation and the following are the conclusions that I incurred.

Free version
For the free version long texts are not being cut and that applies for every platform. However the short texts are being cut as shown in the sample video below

Sample video for free version
https://github.com/mermaid-js/mermaid/assets/111514654/573c238b-2bba-4e77-9b14-6decf189fcb0

Pro version on macOS

• Safari
  when i use the pro version on Safari, the export button does not function at all.
  As shown in the sample video below
  https://github.com/mermaid-js/mermaid/assets/111514654/993fde9d-5407-4609-b2b7-25de50073355

• Chrome and Firefox
  in chrome and firefox the texts are being cut off with most especially long texts as shown on sample video below.
  https://github.com/mermaid-js/mermaid/assets/111514654/c388d4a8-1ef4-4b06-a7f1-e1ed9578b18e

Pro version on windows

On windows the platform portrays the same problems as in macOS whereby the words are still being cut off.
As in the following video is a sample ran on microsoft edge.
https://github.com/mermaid-js/mermaid/assets/111514654/b2bb8065-e95d-4b84-9e72-2ddffc54f56a

End Note
Based on the stated problems it can be seen that the pro version and the free version appear to show the outputs differently.
Henceforth this may also need a solution.