From 812d025a9d006833e0793ab15de2ab61a8628c24 Mon Sep 17 00:00:00 2001
From: Yuri Karamian <yuri@arkhost.com>
Date: Thu, 25 Jun 2026 00:33:58 +0200
Subject: [PATCH] Fix ordered list markers showing only the last digit on
 WebKitGTK

---
 src/lib/components/Editor.svelte | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
index 6935b47..f32202b 100644
--- a/src/lib/components/Editor.svelte
+++ b/src/lib/components/Editor.svelte
@@ -8984,16 +8984,32 @@
 		list-style-type: square;
 	}
 
+	/* Ordered lists render their number via a counter in normal content flow
+	   instead of the native outside marker. WebKitGTK (Linux) clips the native
+	   marker against the editor's overflow:hidden box, so two-digit numbers
+	   showed only the last digit (11 -> 1). The built-in `list-item` counter
+	   still respects the <ol start> attribute and per-level nesting. */
 	:global(.tiptap-wrapper .tiptap ol) {
-		list-style-type: decimal;
+		list-style: none;
+		padding-left: 0;
 	}
-
-	:global(.tiptap-wrapper .tiptap ol ol) {
-		list-style-type: lower-alpha;
+	:global(.tiptap-wrapper .tiptap ol > li) {
+		position: relative;
+		padding-left: 2.4em;
 	}
-
-	:global(.tiptap-wrapper .tiptap ol ol ol) {
-		list-style-type: lower-roman;
+	:global(.tiptap-wrapper .tiptap ol > li::before) {
+		content: counter(list-item) ".";
+		position: absolute;
+		left: 0;
+		width: 2em;
+		text-align: right;
+		white-space: nowrap;
+	}
+	:global(.tiptap-wrapper .tiptap ol ol > li::before) {
+		content: counter(list-item, lower-alpha) ".";
+	}
+	:global(.tiptap-wrapper .tiptap ol ol ol > li::before) {
+		content: counter(list-item, lower-roman) ".";
 	}
 
 	:global(.tiptap-wrapper .tiptap li) {