Improper rendering at Mermaid diagram

hann-solo · December 13, 2020, 2:10am

It seems rendering of multibyte character is strange.

Even when Custom CSS disabled.

Obsidian:

Mermaid live editor:

VS Code with Markdown Preview Mermaid Support:

code:

```mermaid
graph LR
  reg[新規登録]
  icloud[icloud.comを登録して<br>AppleID作成]
  sel_mail[メアド選択]

  reg --> |メアドが<br>ない|icloud
  reg --> |メアドを<br>持っている|sel_mail

using…

Obsidian 0.9.20
macOS Big Sur 11.0.1
MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)

WhiteNoise · December 13, 2020, 2:19am

This has already been reported. Please, search before posting. When 0.9.22 is released, download it from the website and install it.

hann-solo · December 13, 2020, 2:23am

Thank you for you kind reply, @WhiteNoise !
I’ll try 0.9.22 when released.

WhiteNoise · December 13, 2020, 2:24am

If you still have this problem after 0.9.22, post in that thread.

hann-solo · December 13, 2020, 2:41am

Ok, I will do so. Thank you.

hann-solo · December 15, 2020, 1:49am

This problem was fixed (0.9.22).

Thank you @WhiteNoise , and thank you great Obsidian dev team!

Chivalric · December 21, 2020, 9:19am

I have version 0.9.22 installed on Windows and the vertical space issue seems not to be fixed:

My installation is completely default, i.e., without custom CSS.

hann-solo · December 24, 2020, 9:12am

Just for your information, it seems OK in my Obsidian 0.10.1 on macOS.

Obsidian 0.10.1
macOS Big Sur 11.0.1

Icecog · October 12, 2021, 8:03am

This issue seems to remains for flowchart as can be seen below in comparison with graph, sure flowchart is beta but should be a simple fix I’m assuming.

```mermaid
graph TD;
	A[Lots of text];
	B[Lots<br>of<br>text];
	C{Lots<br>of<br>text};
	A -->|one| B;
	B -->|two| C;
	C -->|three| A;

flowchart TD;
	A[Lots of text];
	B[Lots<br>of<br>text];
	C{Lots<br>of<br>text};
	A -->|one| B;
	B -->|two| C;
	C -->|three| A;


This is running on 0.12.15, Windows 10, and Chrome Version 94.0.4606.71 (Official Build) (64-bit).