From 2f1f9a5138db74e5e93195e9d75062a5aa17b88e Mon Sep 17 00:00:00 2001
From: Alexandre Rousseau <alexandre@rsseau.fr>
Date: Wed, 7 Aug 2024 00:22:16 +0200
Subject: [PATCH] fix(ui): avoid builder `textarea` H resizable. WF-40

---
 src/ui/src/builder/BuilderFieldsObject.vue  | 2 +-
 src/ui/src/builder/BuilderFieldsText.vue    | 2 +-
 src/ui/src/builder/BuilderTemplateInput.vue | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/ui/src/builder/BuilderFieldsObject.vue b/src/ui/src/builder/BuilderFieldsObject.vue
index 9d4ef6f1d..c5cc569b7 100644
--- a/src/ui/src/builder/BuilderFieldsObject.vue
+++ b/src/ui/src/builder/BuilderFieldsObject.vue
@@ -2,7 +2,7 @@
 	<BuilderTemplateInput
 		class="BuilderFieldsObject"
 		:data-automation-key="props.fieldKey"
-		multiline="true"
+		multiline
 		variant="code"
 		:value="component.content[fieldKey]"
 		:placeholder="templateField.placeholder"
diff --git a/src/ui/src/builder/BuilderFieldsText.vue b/src/ui/src/builder/BuilderFieldsText.vue
index a06dab652..c77e9ca90 100644
--- a/src/ui/src/builder/BuilderFieldsText.vue
+++ b/src/ui/src/builder/BuilderFieldsText.vue
@@ -16,7 +16,7 @@
 		</template>
 		<template v-else-if="templateField.control == FieldControl.Textarea">
 			<BuilderTemplateInput
-				multiline="true"
+				multiline
 				variant="text"
 				class="content"
 				:value="component.content[fieldKey]"
diff --git a/src/ui/src/builder/BuilderTemplateInput.vue b/src/ui/src/builder/BuilderTemplateInput.vue
index 6efb7bfa3..aad50be88 100644
--- a/src/ui/src/builder/BuilderTemplateInput.vue
+++ b/src/ui/src/builder/BuilderTemplateInput.vue
@@ -39,6 +39,7 @@
 				autocorrect="off"
 				autocomplete="off"
 				spellcheck="false"
+				rows="3"
 				:placeholder="props.placeholder"
 				@input="handleInput"
 			></textarea>
@@ -237,4 +238,8 @@ const handleBlur = () => {
 .fieldStateAutocompleteOption:hover {
 	background-color: var(--builderSubtleHighlightColorSolid);
 }
+
+textarea {
+	resize: vertical;
+}
 </style>