Outline stresstest page

This commit is contained in:
Zef Hemel
2026-05-31 13:20:03 +02:00
parent 605382578c
commit e5c9e7d2c5
+88
View File
@@ -0,0 +1,88 @@
# Unordered lists
* Short
* [ ] This is a task
* Long item that will wrap its line eventually when I keep typing, this will be good
* Short sub-item
* Longer sub-item that will eventually wrap the line when I keep typing
* [ ] Task
* [x] Done task
* [ ] Task that will eventually also wrap its line to see how this goes etc.
* Unordered list item:
* [ ] With a task sub item
* [ ] And a long one that will eventually wrap its line if I keep typing
# Mixed bullet markers
- Hyphen marker
* Asterisk marker
- Hyphen with a long line that will wrap to verify hanging indent works for `-` too
# Deep nesting
* Level 1
* Level 2
* Level 3
* Level 4
* Level 5
* Level 6 — deeper than today's CSS covers
* Level 7 — long line that wraps so we can see the hanging indent at extreme depth
# Ordered lists
1. Short
2. Long item that will wrap its line eventually when I keep typing, this will be good
1. Short sub-item
2. Longer sub-item that will eventually wrap the line when I keep typing
4. And a third
5. Five
6. Six
7. Seven
8. Eight
9. Nine
10. Ten — two-digit number, today's CSS reserves only 3ch
11. Eleven — wraps if I keep typing to see the hanging indent
100. Three-digit edge case — does it line up with the items above?
# Mixed ordered + unordered
1. Numbered parent
* Unordered child
* Another unordered child
* [ ] A task as ordered's child
* Unordered parent
1. Numbered child
2. Another numbered child
3. [ ] Task inside ordered child and now what will happen when this starts to wrap. Oh it looks nice!
# Inline formatting in list items
* **Bold** text in a list
* *Italic* text and `inline code`
* A [[SilverBullet]] wiki link embedded
* A regular [external link](https://example.com) in the middle of a line
* Mix: **bold**, *italic*, `code`, [[WikiLink]], [ext](http://x) — does the wrap stay aligned?
# Task states
* [ ] Open task
* [x] Completed task
* [ ] Task with **bold** and a [[WikiLink]] inside
* [ ] Long task with formatting: **bold**, *italic*, `code`, [[Link]] — verify wrapped lines hang correctly
# Code block inside list item
* Item with a fenced code block:
```js
const x = 1;
const y = 2;
```
* Next item — does alignment recover after the code block?
# Multi-paragraph list items
* First paragraph of an item.
Second paragraph of the same item, indented two spaces in source.
* Next item — does the indent of the second paragraph match the first?
# Links section
These two should vertically align perfectly:
[[SilverBullet]]
item
A a line above a link
A line with [[SilverBullet]] in the middle and `code` and **bold** — chip should not add box width.