Mermaid graph is cropped when too wide for screen in live preview (regression)

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 reproducible with our Appimage package under Gnome or KDE.
  • Developer issues with the API should go here
  • Themes and Custom CSS issues should go here

Once you’ve done the above, delete everything above this line.

Steps to reproduce

I try to create a simple mermaid diagram, below simplified version

graph LR
    A[Client] --> B[Load Balancer]
    B --> C[Auth Filter]
    C --> D[Token Generator]
    D --> E[Auth Manager]
    E --> F[User Database]
    E --> G[Cache Service]
    F --> H[Security Context]
    G --> H

The produced graph cannot be fully displayed or scrolled in the live preview (it works in the read view)
the same bug appeared 2 years ago but it was apparently solved Mermaid graph is cropped when too wide for screen

Did you follow the troubleshooting guide? [Y/N]

Expected result

graph can be scrolled or viewed somehow

Actual result

Graph is cut

Environment

SYSTEM INFO:
	Obsidian version: v1.7.5
	Installer version: v1.7.5
	Operating system: Darwin Kernel Version 24.1.0: Thu Oct 10 21:05:14 PDT 2024; root:xnu-11215.41.3~2/RELEASE_ARM64_T8103 24.1.0
	Login status: logged in
	Language: en
	Catalyst license: insider
	Insider build toggle: on
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 5
	Plugins enabled: 0

RECOMMENDATIONS:
	none

Additional information

A post was merged into an existing topic: Mermaid Inconsistent Diagram Sizes Cropped/Squashed