Live preview and reading mode spacing mismatch

Bug graveyard
,
1

Steps to reproduce

Paste the following

# Title
Text
- Item
Text

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

Yes

Expected result

Live preview should display whitespace/padding/indentation/etc. as reading mode does, with default theme and no CSS workaround.

Reading mode:
image

Actual result

Live preview:
image

Environment

SYSTEM INFO:
	Obsidian version: v1.3.7
	Installer version: v1.3.7
	Operating system: Windows 10 Home 10.0.19045
	Login status: not logged in
	Insider build toggle: off
	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

I searched and found similar topics but they are about more complex layouts or involve a CSS workaround.
This one is about native rendering of spacing for bare titles, lists…

2

I think Live Preview displays lines as they are because blank lines have meaning in Markdown. Messing with the margins or passing could cause confusion, not to mention make the text jump around as you move the cursor thru it.

But you can use CSS snippets to bring Live Preview’s spacing closer to Reading View’s if you want.

3

This is a limitation of Live Preview (as it is an editor that fakes some aspect of rendered markdown) and we are not going to address it.

4

I believe this can be fixed with css, I just noticed I raised this same issue. Inconsistent page header spacing on default theme

Please consider my css snippets

5

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