search

mjbvz / vscode-markdown-mermaid

Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
MIT License
648 stars 119 forks source link

Flowchart text overflow at non-zero zoom level #97

Open spanishgum opened 3 years ago

spanishgum commented 3 years ago

I've noticed when I open a preview of markdown (containing a flow chart) at non-zero zoom level, the text overflows.

I can fix the issue by closing the preview, going back to zero zoom level, and re-opening the preview. Then I can zoom back in and the text is not overflowed.

But as soon as the preview is refreshed (by visiting a different markdown, or hitting refresh), the preview is re-rendered with text overflow again.

I tried changing the default zoom config with window.zoomLevel, but I get the same results.

Lucent commented 3 years ago

I'm at zero (reset) zoom level and seeing text overflow on stateDiagram-v2 when using descriptions like state "some long string" as SLS

manuth commented 3 years ago

I'm facing the same issue when having windows' display scaling set to something other than 100% (125% in my case). I'd love to see this issue fixed as I'm mostly using mermaid on my 4K laptop.

mrchantey commented 3 years ago

possibly related to #89

manuth commented 3 years ago

@mrchantey you're right Imo we're talking about the same issue here

mrchantey commented 3 years ago

same problem can be found on another extension, mermaid preview. Its possible the problem has to do with how vs code is handling html rendering.

mjbvz commented 1 year ago

Please share the text of a diagram that demonstrates the issue