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

Text is cut off in SVG exported from live editor #790

p3k opened this Issue Feb 3, 2019 · 3 comments


None yet
4 participants
Copy link

p3k commented Feb 3, 2019

The following Mermaid markup generates this live view:

graph TD
A[Something] -->|begets| B[Something]

(Config is {}.)


However, in the exported SVG all text boxes are cropped on the right side:


Am I missing something?


This comment has been minimized.

Copy link

CalvinRodo commented Feb 4, 2019

I'm running into this same issue currently


This comment has been minimized.

Copy link

jcpst commented Feb 6, 2019

I also run into this same issue when using the library in a web application, where config is {}.


This comment has been minimized.

Copy link

Uinelj commented Feb 19, 2019

Issue present in the generated SVG from the live demo too (tested on Chrome, Firefox):


Edit: By changing the font-size in the svg file you can get a readable output.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment