Merge pull request writer#510 from madeindjs/WF-40

fix(ui): avoid builder `textarea` H resizable. WF-40
FabienArcellier · Aug 12, 2024 · bbe184b · bbe184b
2 parents 77c8d41 + 2f1f9a5
commit bbe184b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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>