diagrams with SVG format cut off text

ArealTal commented 1 year ago

Describe the bug URLs obtained from mermaid provide images in SVG format that result in nodes that are cutting off the last 1-2 characters.

To Reproduce Steps to reproduce the behavior:

Copy diagram link:
- a) Go to your list of diagrams (https://www.mermaidchart.com/app/projects//diagrams).
- b) Go to your diagram, click "Public" to make the diagram public.
- c) Click the "..." menu icon.
- d) Click "Copy diagram link." Example URL: https://www.mermaidchart.com/raw/a379c312-14f4-46e2-ad2e-3cab44c06e4b?theme=light&version=v0.1&format=svg
Paste the URL into your browser.
Notice that 1-2 characters of some nodes are cut off.

Expected behavior You can see all of the text of each and every node.

Screenshots

Laptop (please complete the following information):

OS: Windows 11
Browser: Google Chrome

Workaround Simply substitute "svg" with "png" at the end of the URL.

Additional Context This was apparently an issue 4 years ago, and has since resurfaced: https://github.com/mermaid-js/mermaid/issues/790

jgreywolf commented 1 year ago

Thank you for your feedback! I have created an issue internally and we are tracking this there. I will update you as soon as we have a better idea of the fix and timeline

jgreywolf commented 8 months ago

FYI - this issue is currently being worked on, and hope to have an update/release in the near future

ArealTal commented 8 months ago

Thank you @jgreywolf!

Mermaid-Chart / issue-tracker

diagrams with SVG format cut off text #44