style: fix message form auto height

Pjaijai · Dec 3, 2024 · eb06c50 · eb06c50
1 parent 506b4af
commit eb06c50
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/client/components/customized-ui/form/text-area.tsx b/client/components/customized-ui/form/text-area.tsx
@@ -32,14 +32,18 @@ const FormTextArea: React.FunctionComponent<IFormTextArea> = ({
   const adjustHeight = () => {
     const textarea = textareaRef.current
     if (textarea) {
-      textarea.style.height = "auto"
-      textarea.style.height = `${textarea.scrollHeight}px`
+      if (textarea.value.trim() === "") {
+        textarea.style.height = `${minRows * 24}px` // Assuming 24px line height
+      } else {
+        textarea.style.height = "auto"
+        textarea.style.height = `${textarea.scrollHeight}px`
+      }
     }
   }
 
   useEffect(() => {
     adjustHeight()
-  }, [])
+  }, [textareaRef.current?.value])
 
   return (
     <FormField
@@ -66,7 +70,6 @@ const FormTextArea: React.FunctionComponent<IFormTextArea> = ({
               rows={minRows}
               onChange={(e) => {
                 field.onChange(e)
-                adjustHeight()
               }}
               style={{ resize: "none" }}
             />