Margin Notes Stress Test

This page tests the margin notes functionality including overlap prevention, markdown support, and positioning.

Basic Margin Notes

Simple margin notes using inline syntax:

This is some text with a margin note 𐃏 in the middle of a sentence.

Here’s another paragraph with a different note 𐃏 to test positioning.

And a third note 𐃏 right after.

Markdown Support (Block Syntax)

Testing margin notes with markdown formatting using block syntax (mnoteb):

𐃏

Here is text with a markdown-formatted margin note.

𐃏

This note contains a bullet list.

𐃏

This note has inline code.

Many Notes in Quick Succession (Overlap Test)

This section tests that many notes close together don’t overlap:

Line 1 𐃏

Line 2 𐃏

Line 3 𐃏

Line 4 𐃏

Line 5 𐃏

Line 6 𐃏

Line 7 𐃏

Line 8 𐃏

Long Content Notes

Testing notes with substantial content:

𐃏

This paragraph has a very long margin note attached to it.

Short note after long one 𐃏 - should appear below the long one.

Notes with Special Characters

Testing various characters and escaping:

𐃏 HTML special characters test.

𐃏 Unicode characters test.

Spaced Out Notes (Should Align with Text)

This paragraph has no notes.

This paragraph has no notes either.

This paragraph has no notes as well.

Now here’s a note 𐃏 that should be positioned at this vertical position.

More text without notes.

More text without notes.

More text without notes.

Another note 𐃏 positioned lower down.

Edge Cases

Empty-ish Notes

𐃏 Minimal content note.

Notes at Start of Paragraph

𐃏 This paragraph starts with a margin note indicator.

Multiple Notes in Same Paragraph

This paragraph 𐃏 has multiple 𐃏 margin notes 𐃏 within it.

Summary

If all notes above are visible and non-overlapping, the margin notes system is working correctly!

  • Toggle notes with Ctrl+M or clicking the indicator
  • Notes hide during scroll and reappear after 500ms
  • Notes move to right sidebar when left sidebar tree overflows