From ed0b46e833d5d4bf8a1f94f2564890c6bab93f03 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Thu, 28 May 2026 15:51:10 +0300
Subject: [PATCH] fix(prose): keep TipTap list markers inline with their
 content
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.prose ul/ol used list-inside, but TipTap wraps each <li>'s content
in <p>. Combining position:inside with a block-level <p> dropped the
content onto the next line under the marker — visible both inside
the editor and on the rendered article page.

Drop list-inside (default to outside) and add `.prose li > p` rules:
first paragraph renders inline with the marker, subsequent paragraphs
stay block to preserve multi-paragraph list items.

Closes Bedolaga bug-topic #597116.
---
 src/styles/globals.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 20f44cb..b351a0f 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -917,17 +917,28 @@ img.twemoji {
   }
 
   .prose ul {
-    @apply mb-4 list-inside list-disc space-y-2 pl-2;
+    @apply mb-4 list-disc space-y-2 pl-6;
   }
 
   .prose ol {
-    @apply mb-4 list-inside list-decimal space-y-2 pl-2;
+    @apply mb-4 list-decimal space-y-2 pl-6;
   }
 
   .prose li {
     @apply text-dark-300;
   }
 
+  /* TipTap wraps list-item content in <p>. Without these resets, the marker
+     stays on its line and the <p> drops to the next line, breaking lists
+     in the editor and on the rendered article page (Telegram bug #597116). */
+  .prose li > p {
+    @apply mb-0 inline;
+  }
+
+  .prose li > p + p {
+    @apply mt-2 block;
+  }
+
   .prose li::marker {
     @apply text-accent-400;
   }