From 3c5d4e3a1a81f5401b7c2f39fffdb2d0cf7bdb8a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 13 Jan 2026 20:47:20 +0000
Subject: [PATCH] Fix cursor placement in chat composer placeholder

- Changed from flexbox to line-height for vertical centering
- Removed flex from .ProseMirror to fix cursor positioning
- Set line-height: 1.25rem to match min-height for proper alignment
- Removed flex items-center from EditorContent className

This ensures the cursor appears at the correct position when focusing
the input field, rather than after the placeholder text.
---
 src/components/editor/MentionEditor.tsx | 5 +----
 src/index.css                           | 6 ++----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/editor/MentionEditor.tsx b/src/components/editor/MentionEditor.tsx
index 60b81b9..aa92bc1 100644
--- a/src/components/editor/MentionEditor.tsx
+++ b/src/components/editor/MentionEditor.tsx
@@ -888,10 +888,7 @@ export const MentionEditor = forwardRef<
       <div
         className={`rounded border bg-background transition-colors focus-within:border-primary h-7 flex items-center overflow-hidden px-2 ${className}`}
       >
-        <EditorContent
-          editor={editor}
-          className="flex-1 min-w-0 flex items-center"
-        />
+        <EditorContent editor={editor} className="flex-1 min-w-0" />
       </div>
     );
   },
diff --git a/src/index.css b/src/index.css
index 024a54a..99e0c1b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -282,8 +282,7 @@ body.animating-layout
 /* TipTap Editor Styles */
 .ProseMirror {
   min-height: 1.25rem;
-  display: flex;
-  align-items: center;
+  line-height: 1.25rem;
 }
 
 .ProseMirror:focus {
@@ -292,8 +291,7 @@ body.animating-layout
 
 .ProseMirror p {
   margin: 0;
-  flex: 1;
-  min-width: 0;
+  line-height: 1.25rem;
 }
 
 .ProseMirror p.is-editor-empty:first-child::before {