Mermaid Pie Chart gets cut off

[Daenges]

The legend of Mermaid pie charts is truncated. This also applies to the editor, HTML and PNG export. Zoom level change does not fix this for me.

Environment

Joplin version: 2.8.8 Flatpak (Flathub) Platform: Linux OS specifics: Manjaro

Steps to reproduce

Here is a sample Graph, used to produce the image.

pie showData 
	title Anlageportfolio
	"Anleihen": 5000
	"Aktien": 5000

Describe what you expected to happen

Display a full graph.

Logfile

Console.log

[tessus]

I could reproduce this. The Live Editor shows it correctly.

[Daenges]

Same applies to the labeling of flowchart arrows.

[github-actions[bot]]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? If you require support or are requesting an enhancement or feature then please create a topic on the Joplin forum. This issue may be closed if no further activity occurs. You may comment on the issue and I will leave it open. Thank you for your contributions.

[Daenges]

This issue still persists.

[adarsh-sgh]

I could reproduce this. The Live Editor shows it correctly.

Here is another test on live editor renderer opened in full window

1. open live editor rendered window

2. resize the window to a lower the width (to 500px-600px )

3. refresh the page

re-rendered graph gets cut off the same way as it gets cut in our app, looks like a problem from mermaid's side; viewbox width is being set lower than requiered in this case.

[tessus]

Maybe you can open a ticket in the mermaid repo?

[adarsh-sgh]

Maybe you can open a ticket in the mermaid repo?

Sure, will do it.

edit: https://github.com/mermaid-js/mermaid/issues/4082

[tessus]

Fixed by #8890