From c931d60d221ac51e50fbfb4a93e26194e06fa824 Mon Sep 17 00:00:00 2001
From: Arpit Jain <arpitjain099@gmail.com>
Date: Thu, 18 Jun 2026 10:28:10 +0900
Subject: [PATCH] Restrict TextArea resizing to vertical axis

Signed-off-by: Arpit Jain <arpitjain099@gmail.com>
---
 src/components/TextInput/text-area.test.tsx | 7 +++++++
 src/components/TextInput/text-area.tsx      | 5 ++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/TextInput/text-area.test.tsx b/src/components/TextInput/text-area.test.tsx
index 66d5c390a1..b2e4c1f280 100644
--- a/src/components/TextInput/text-area.test.tsx
+++ b/src/components/TextInput/text-area.test.tsx
@@ -47,4 +47,11 @@ describe('<TextArea />', () => {
     expect(textInput).toHaveClass('a-text-input');
     expect(textInput).not.toHaveClass('a-text-input--success');
   });
+
+  it('restricts resizing to the vertical axis', () => {
+    render(<TextArea id='enabled' />);
+
+    const textArea = screen.getByTestId('textAreaInput');
+    expect(textArea).toHaveStyle({ resize: 'vertical' });
+  });
 });
diff --git a/src/components/TextInput/text-area.tsx b/src/components/TextInput/text-area.tsx
index 445d1ba896..07fb6051f3 100644
--- a/src/components/TextInput/text-area.tsx
+++ b/src/components/TextInput/text-area.tsx
@@ -38,6 +38,8 @@ export const TextArea = forwardRef(
     }: JSX.IntrinsicElements['textarea'] & TextAreaType,
     reference: Ref<HTMLTextAreaElement>,
   ): ReactElement => {
+    const { style, ...restProperties } = properties;
+
     const onChangeHandler: ChangeEventHandler<HTMLTextAreaElement> = (
       event,
     ) => {
@@ -62,7 +64,8 @@ export const TextArea = forwardRef(
           disabled={isDisabled}
           data-testid='textAreaInput'
           ref={reference}
-          {...properties}
+          style={{ ...style, resize: 'vertical' }}
+          {...restProperties}
         />
       </div>
     );