Steps to reproduce Different mermaid diagrams display wildly different size and scaling behaviors as more information is added to them: Flowchart and Gitgraph diagrams extend off the edge of the page [image] [image] State Diagrams, User Journeys, and Timelines shrink as more info is added …

Steps to reproduce add a mermaid sequence diagram with more than three actors sequenceDiagram title OG Bug actor User participant A participant B participant C participant D participant E Did you follow the troubleshooting guide ? [Y/N] Yes - I reproduced in Sandbox [image] Expected result I…

I have same issue, so I looked into the generated HTML. For e.g. stateDiagram, the generated SVG is displayed using a width: 100%, but for sequenceDiagram the with is set as a hard number, e.g. width: 641px. Stops resizing right there!

Flowcharts and class diagrams have the same issue, so it might actually only be state diagrams that are capable of resizing at the moment. It should be simple to fix though.

I’ve spent some time to improve mermaid diagrams in my theme Dune. If you’re interested to try out my theme, then please let me know if i solved your issue :slightly_smiling_face:

[image] Resize and align mermaid diagrams Feature requests Using mermaid diagrams in Obsidian is currently a bit clunky, and not everything works. Most of these issues can be addressed by allowing the users to resize and realign the mermaid diagram. I think this screenshot…

I am encountering this. I guess this is still an open issue?

Workarounds to avoid cropping: a CSS snippet: .mermaid svg { width: 100%; height: auto; } (from Resize and align mermaid diagrams - #12 by Nilat ) or, create the mermaid in one note (e.g. mermaid_note) and embed it in another like so ![[mermaid_note]], and this will allow for scrolling l…

Before opening a new bug report, please search the forum for duplicates and follow the Troubleshooting Guide . We only consider bugs that are reproducible in the sandbox vault or a vault with no third-party plugins/no css snippets/default theme. For Linux, we only accept bug reports that are reprod…

Steps to reproduce In editing mode, displaying line numbers will affect the rendering width of the marmaid Do not display: [image] display line numbers： [image] Did you follow the troubleshooting guide ? [Y/N] Y Expected result Automatically adjust render width? Actual result Incorrect rende…

Maybe this is not a bug?Just lacks the function of moving Marmaid canvas?

Mermaid Inconsistent Diagram Sizes Cropped/Squashed

Bug reports

WhiteNoise September 18, 2023, 1:49pm 6