Mermaid horizontal state diagram's go off screen

Steps to reproduce

  1. Create a mermaid state diagram
  2. Indicate your horizontal direction with the statement direction LR
  3. Create an amount of states

Example code to use:

    direction LR
	fwnp: Firewall & network proctection
	win: Start
	pn: Private network
	ic: Incoming connections
	block: Blocks all incoming connections [selected]

	win --> fwnp
	fwnp --> pn
	pn --> ic
	ic --> block

Expected result

State diagrams are center-alligned

Actual result


	Obsidian version: v0.13.23
	Installer version: v0.13.19
	Operating system: Windows 10 Enterprise 10.0.22000
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: dark
	Community theme: none
	Snippets enabled: 0
	Safe mode: on


Note: the above debug info is incorrect when displaying the Operating system. I am in fact on Windows 11.

Additional information


fixed in 0.13.26

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.