Mermaid flowchart shows additional empty box in reading modet

Bug graveyard
,
1

Steps to reproduce

  1. open sandbox vault
  2. create a mermaid block with:
 flowchart LR  
     A<--B-->C

Expected result

in preview mode, the output is correct.

image

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

Actual result

in preview mode, the output is correct.
image

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

Environment

  • Operating system:
  • Debug info:
    SYSTEM 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

RECOMMENDATIONS:
none

Additional information

image
image2124×934 16.5 KB

2

I can’t reproduce. Download and reinstall Obsidian.

3

image
image956×381 7.95 KB

4

thanks

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

image

image

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.

----update----
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:

image

FYI, the real space is
image

5

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