Live Preview: Infinite empty line generation when typing above/between tables

[Nick_Prokhorenko]

Steps to reproduce:

1. Create a table in Live Preview using the standard UI/button.

2. Try to type text immediately on the line above the table or between two closely spaced tables.

3. Observe the editor’s behavior.

Expected result: The text is entered normally without moving the table or creating unnecessary vertical space.

Actual result: Every keystroke triggers the generation of a new empty line between the text and the table. The table is pushed down infinitely, making it impossible to type in close proximity to the widget.

Additional context: This happens even with all CSS snippets disabled and community plugins turned off. It appears to be a core layout collision issue in CodeMirror 6 where the cursor position fails to reconcile with the table widget’s boundaries. It effectively prevents users from writing fluidly when tables are involved.

Technical note: Exhaustive CSS debugging was performed (using display: contents, position: relative, and margin resets), but the issue persists. This confirms the bug is not a stylesheet conflict but a core JavaScript event-handling loop in the CodeMirror 6 rendering layer. It forces a \n insertion on every input event when the cursor is in proximity to a table widget.

Before:

After:

[ariehen]

If I’m understanding correctly, you need a blank line above tables. Live preview will add one in there if you try to move into the line directly above a table.

Table renders in editing mode (live preview) but not reading mode

From 1.3.2, you will need to add a blank line before a table everywhere.

---

There’s a CSS snippet in this topic that hides the line directly above tables:

Hiding the blank line above tables

Obsidian recently updated their markdown spec to require a blank line before tables. I already try and avoid tables in Obsidian due to the poor interface, but this further compounds my dislike for them with how it negatively effects the visual appearance of my notes. To help mitigate this I’ve created the following CSS to hide the blank line above tables. The blank line is still needed in the raw note, but this CSS will hide it within the live preview interface. Simply add this code to your …