I frequently make diagrams in my notes using HTML. The rendered HTML in live preview mode has large unexplained gaps like extra margins on all block level elements inside other block level elements.
- Open Obsidian in live preview mode.
- Write some HTML where there are one or more block level elements inside another element.
- Move your cursor out of the HTML so that it gets rendered.
Something like this
<div style="border: solid 2px gold"> <div>Why am I</div> <div>so far away from</div> <div>the other lines?</div> </div>
to be rendered like this (the way it is rendered in preview mode):
That same html is rendered like this in live preview mode:
Obsidian version: v0.13.23
Installer version: v0.12.15
Operating system: Windows 10 Home 10.0.19044
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
Non trivial example of hot it affecting me in practice (This is a diagram created with HTML and CSS as it is rendered in preview mode):
This is what it looks like in live preview (It is so large I could not take a screenshot of the entire thing):