re add resizing input are

tenstorrent · Feb 24, 2025 · 69b6130 · 69b6130
1 parent 42a1771
commit 69b6130
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/frontend/src/components/chatui/InputArea.tsx b/app/frontend/src/components/chatui/InputArea.tsx
@@ -67,6 +67,7 @@ export default function InputArea({
 
   const handleTextAreaInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     setTextInput(e.target.value);
+    adjustTextareaHeight();
   };
 
   const handleKeyPress = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
@@ -225,6 +226,12 @@ export default function InputArea({
     if (files) handleFileUpload(Array.from(files));
   };
 
+  useEffect(() => {
+    adjustTextareaHeight();
+    window.addEventListener("resize", adjustTextareaHeight);
+    return () => window.removeEventListener("resize", adjustTextareaHeight);
+  }, [textInput]);
+
   return (
     <>
       <AlertDialog open={showReplaceDialog} onOpenChange={setShowReplaceDialog}>