From 57060bc4c0f5a8a6dc9969b2d773148c148afa88 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden@coder.com>
Date: Tue, 20 May 2025 16:59:02 +0000
Subject: [PATCH 1/3] fix: textarea show fit height of content and set a max
 height

---
 .../DynamicParameter/DynamicParameter.tsx     | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
index 94fa3bc383074..3a9506956e9bd 100644
--- a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
+++ b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
@@ -241,16 +241,30 @@ const DebouncedParameterField: FC<DebouncedParameterFieldProps> = ({
 	}, [debouncedLocalValue, onChangeEvent]);
 
 	switch (parameter.form_type) {
-		case "textarea":
+		case "textarea": {
+			const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+			const resizeTextarea = useEffectEvent(() => {
+				if (textareaRef.current) {
+					const textarea = textareaRef.current;
+					textarea.style.height = "auto";
+					textarea.style.height = `${textarea.scrollHeight}px`;
+				}
+			});
+
+			useEffect(() => {
+				resizeTextarea();
+			}, [resizeTextarea]);
+
 			return (
 				<Textarea
+					ref={textareaRef}
 					id={id}
-					className="max-w-2xl"
+					className="overflow-y-auto max-h-[500px]"
 					value={localValue}
 					onChange={(e) => {
 						const target = e.currentTarget;
 						target.style.height = "auto";
-						target.style.maxHeight = "700px";
 						target.style.height = `${target.scrollHeight}px`;
 
 						setLocalValue(e.target.value);
@@ -260,6 +274,7 @@ const DebouncedParameterField: FC<DebouncedParameterFieldProps> = ({
 					required={parameter.required}
 				/>
 			);
+		}
 
 		case "input": {
 			const inputType = parameter.type === "number" ? "number" : "text";

From 5ecd9fce8a353f8d7c629f6dd926922750b29f41 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden@coder.com>
Date: Tue, 20 May 2025 17:34:58 +0000
Subject: [PATCH 2/3] fix: cleanup

---
 .../DynamicParameter/DynamicParameter.tsx     | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
index 3a9506956e9bd..ab89f0e1a430c 100644
--- a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
+++ b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
@@ -239,23 +239,22 @@ const DebouncedParameterField: FC<DebouncedParameterFieldProps> = ({
 
 		prevDebouncedValueRef.current = debouncedLocalValue;
 	}, [debouncedLocalValue, onChangeEvent]);
+	const textareaRef = useRef<HTMLTextAreaElement>(null);
 
-	switch (parameter.form_type) {
-		case "textarea": {
-			const textareaRef = useRef<HTMLTextAreaElement>(null);
-
-			const resizeTextarea = useEffectEvent(() => {
-				if (textareaRef.current) {
-					const textarea = textareaRef.current;
-					textarea.style.height = "auto";
-					textarea.style.height = `${textarea.scrollHeight}px`;
-				}
-			});
+	const resizeTextarea = useEffectEvent(() => {
+		if (textareaRef.current) {
+			const textarea = textareaRef.current;
+			textarea.style.height = "auto";
+			textarea.style.height = `${textarea.scrollHeight}px`;
+		}
+	});
 
-			useEffect(() => {
-				resizeTextarea();
-			}, [resizeTextarea]);
+	useEffect(() => {
+		resizeTextarea();
+	}, [resizeTextarea]);
 
+	switch (parameter.form_type) {
+		case "textarea": {
 			return (
 				<Textarea
 					ref={textareaRef}

From e412af57766f722baeb33d7453a56360f5661432 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden@coder.com>
Date: Tue, 20 May 2025 22:10:27 +0000
Subject: [PATCH 3/3] fix: remove unnecessary line

---
 .../src/modules/workspaces/DynamicParameter/DynamicParameter.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
index ab89f0e1a430c..fc74a3a46a005 100644
--- a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
+++ b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
@@ -244,7 +244,6 @@ const DebouncedParameterField: FC<DebouncedParameterFieldProps> = ({
 	const resizeTextarea = useEffectEvent(() => {
 		if (textareaRef.current) {
 			const textarea = textareaRef.current;
-			textarea.style.height = "auto";
 			textarea.style.height = `${textarea.scrollHeight}px`;
 		}
 	});