From 759b17c9f0b458f1d35677749fa5fa74a3b44b07 Mon Sep 17 00:00:00 2001
From: martylukyy <35452459+martylukyy@users.noreply.github.com>
Date: Mon, 8 May 2023 22:44:03 +0200
Subject: [PATCH] fix(filters): limit textarea height (#921)

* limit textarea height to 10 rows

* remove overflow-hidden from TextAreaAutoResize to make it scrollable
---
 web/src/components/inputs/input.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/inputs/input.tsx b/web/src/components/inputs/input.tsx
index 8a14066..6ec51a2 100644
--- a/web/src/components/inputs/input.tsx
+++ b/web/src/components/inputs/input.tsx
@@ -340,6 +340,7 @@ export const RegexTextAreaField = ({
             <TextareaAutosize
               {...field}
               id={name}
+              maxRows={10}
               defaultValue={defaultValue}
               autoComplete={autoComplete}
               className={classNames(
@@ -500,12 +501,13 @@ export const TextAreaAutoResize = ({
             {...field}
             id={name}
             rows={rows}
+            maxRows={10}
             defaultValue={defaultValue}
             autoComplete={autoComplete}
             className={classNames(
               meta.touched && meta.error ? "focus:ring-red-500 focus:border-red-500 border-red-500" : "focus:ring-blue-500 dark:focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 border-gray-300 dark:border-gray-700",
               disabled ? "bg-gray-100 dark:bg-gray-700 cursor-not-allowed" : "dark:bg-gray-800",
-              "overflow-hidden mt-2 block w-full dark:text-gray-100 rounded-md"
+              "mt-2 block w-full dark:text-gray-100 rounded-md"
             )}
             placeholder={placeholder}
             disabled={disabled}