Mermaid flowchart shows additional empty box in reading modet

Steps to reproduce

  1. open sandbox vault
  2. create a mermaid block with:
 flowchart LR  

Expected result

in preview mode, the output is correct.


And in reading mode, the output should be correct as well.

Actual result

in preview mode, the output is correct.

And in reading mode, an extra empty box is shown.


  • Operating system:
  • Debug info:
    Obsidian version: v1.0.2
    Installer version: v0.15.9
    Operating system: Darwin Kernel Version 21.6.0: Mon Aug 22 20:17:10 PDT 2022; root:xnu-8020.140.49~2/RELEASE_X86_64 21.6.0
    Login status: logged in
    Catalyst license: supporter
    Insider build toggle: on
    Live preview: on
    Legacy editor: off
    Base theme: dark
    Community theme: none
    Snippets enabled: 0
    Restricted mode: off
    Plugins installed: 0
    Plugins enabled: 0


Additional information

I can’t reproduce. Download and reinstall Obsidian.


2022-11-14 update
Just update the real cause of this issue:
the empty block is created by some unseen characters.



In the upper code block, it looks like there are 4 spaces, however, they are not(And I don’t know what are they), as the Obsidian does not recognize them as 4 spaces and turns them into a indent, as in the code block below.

However, those “pseudo spaces” cannot be posted here. I can see them in the editing window in the forum, however, after I press the post button, they will be replaced with real spaces.

It’s very interesting, though hard to reproduce.

with the help of the online service which can check the unicode of the inputed character, I have finally identified the “pseudo space”. It is actually:


FYI, the real space is

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