From 938fec1ab3c49bd08bb8457ac711b4024cbf0d18 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Thu, 5 Feb 2026 10:28:17 -0500
Subject: [PATCH] Fix: prevent the layout jump when you start typing
 https://github.com/donetick/frontend/issues/58

---
 src/views/components/SmartTaskTitleInput.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/components/SmartTaskTitleInput.jsx b/src/views/components/SmartTaskTitleInput.jsx
index af246fa..4d87016 100644
--- a/src/views/components/SmartTaskTitleInput.jsx
+++ b/src/views/components/SmartTaskTitleInput.jsx
@@ -183,7 +183,10 @@ const SmartTaskTitleInput = ({
 
   return (
     <div>
-      <div className='task-input overflow-auto rounded border'>
+      <div
+        className='task-input overflow-auto rounded border'
+        style={{ minHeight: '2.4em' }}
+      >
         <textarea
           ref={titleInputRef}
           autoFocus={autoFocus}
@@ -220,7 +223,7 @@ const SmartTaskTitleInput = ({
           style={{
             position: 'relative',
             zIndex: 1,
-            minHeight: '100%',
+            minHeight: '1.2em',
             padding: '0.5rem',
             whiteSpace: 'pre-wrap',
             wordBreak: 'break-word',
@@ -238,6 +241,8 @@ const SmartTaskTitleInput = ({
           {customRenderer
             ? customRenderer
             : renderHighlightedText(value, cursorPosition)}
+          {/* Zero-width space to maintain consistent height */}
+          &#8203;
         </div>
       </div>
       {showSuggestions && (