-
-
Notifications
You must be signed in to change notification settings - Fork 110
Description
When using @tiptap/extension-ordered-list in headless mode, the ordered list numbering does not behave the same as in the Simple UI demo.
In Simple UI, nested ordered lists use different numbering styles (decimal → lower-alpha → lower-roman), but in headless mode, all levels render as decimals.
Steps to Reproduce:
Initialize a headless Tiptap editor with @tiptap/extension-ordered-list.
Create a nested ordered list with at least 3 levels.
Compare the rendering with the Tiptap Simple UI demo.
Expected Behavior:
1st level list → decimal numbers (1, 2, 3...)
2nd level list → lower-alpha letters (a, b, c...)
3rd level list → lower-roman numerals (i, ii, iii...)
Actual Behavior:
All levels render as decimal numbers (1, 2, 3...).
Temporary Solution (CSS fix):
/* Top level numbers */
.tiptap-editor ol {
list-style-type: decimal !important;
}
/* Second level uses letters */
.tiptap-editor ol ol {
list-style-type: lower-alpha !important;
}
/* Third level uses roman numerals */
.tiptap-editor ol ol ol {
list-style-type: lower-roman !important;
}