Text overflows on mermaid graphs

Mermaid-Chart / vscode-mermaid-preview

Previews Mermaid diagrams

MIT License

142 stars 15 forks source link

Text overflows on mermaid graphs #77

Closed 4lph4-Ph4un closed 2 years ago

4lph4-Ph4un commented 5 years ago

Expected behaviour

graph LR
D(Dispatcher)-->S1(Saga)
D(Dispatcher)-->R(Reducer)
S1(Saga)-->G(Generator)
R(Reducer)-->S2(Store)
G(Generator)-->R(Reducer)

Actual behaviour

vscmpissue

vstirbu commented 5 years ago

I cannot replicate the rendering. Can you share details about your OS, vscode version that can help others identify the root cause?

4lph4-Ph4un commented 5 years ago

Ah, oh course! My apologies!

Windows 10, VSCode 1.34.0

mrtzcspr commented 3 years ago

Hi, at least on Windows 10 with latest vscode and latest vscode-mermaid-preview I can reproduce the issue by setting a zoom level below 100% for vscode (Menu Selection: View --> Appearance --> Zoom Out).

When the zoom level is reset (Menu Selection: View --> Appearance --> Reset Zoom) it works again without overflows when the mermaid preview is triggered again.

So somehow the global zoom level changes a parameter how the preview image is generated.

vstirbu commented 3 years ago

I've tried the sequence on Mac and it does not behave the same. I still get the overflow.