From e8e5c8c5f4080dc12ad2c1385ffcee387845eaf0 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 23 Dec 2024 21:39:22 +0800
Subject: [PATCH] fix: disabled native resize textarea when textarea
 autogrowing (#4326)

* fix: disabled native resize textarea when textarea autogrowing

* fix: disabled auto resize on instruction field
---
 joi/src/core/TextArea/index.tsx               | 6 +++++-
 web/screens/Thread/ThreadRightPanel/index.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/joi/src/core/TextArea/index.tsx b/joi/src/core/TextArea/index.tsx
index 6807178fff..306e18d05e 100644
--- a/joi/src/core/TextArea/index.tsx
+++ b/joi/src/core/TextArea/index.tsx
@@ -34,7 +34,11 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
     return (
       <div className="textarea__wrapper">
         <textarea
-          className={twMerge('textarea', className)}
+          className={twMerge(
+            'textarea',
+            className,
+            autoResize && 'resize-none'
+          )}
           ref={autoResize ? textareaRef : ref}
           {...props}
         />
diff --git a/web/screens/Thread/ThreadRightPanel/index.tsx b/web/screens/Thread/ThreadRightPanel/index.tsx
index dab50aba78..3257a194fd 100644
--- a/web/screens/Thread/ThreadRightPanel/index.tsx
+++ b/web/screens/Thread/ThreadRightPanel/index.tsx
@@ -257,7 +257,7 @@ const ThreadRightPanel = () => {
                 id="assistant-instructions"
                 placeholder="Eg. You are a helpful assistant."
                 value={activeAssistant?.instructions ?? ''}
-                autoResize
+                // autoResize
                 onChange={onAssistantInstructionChanged}
               />
             </div>