From 54c2ad5aebd930e1deea8c910b2e6d035977d9c4 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 22 Feb 2024 16:16:51 +0000
Subject: [PATCH] fix(nc-gui): use text area instead of input for form label
 and helper text

---
 .../nc-gui/components/smartsheet/Form.vue     | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index fc61375b25..eda650d098 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -523,7 +523,7 @@ const onFormItemClick = (element: any) => {
                         'max-height': '250px',
                         'resize': 'vertical',
                       }"
-                      autosize
+                      auto-size
                       size="large"
                       hide-details
                       :disabled="isLocked"
@@ -551,7 +551,7 @@ const onFormItemClick = (element: any) => {
                         'resize': 'vertical',
                       }"
                       size="large"
-                      autosize
+                      auto-size
                       hide-details
                       :placeholder="$t('msg.info.formDesc')"
                       :bordered="false"
@@ -693,21 +693,24 @@ const onFormItemClick = (element: any) => {
                           </a-form-item>
 
                           <a-form-item class="my-0 !mb-2">
-                            <a-input
+                            <a-textarea
                               v-model:value="element.label"
-                              type="text"
+                              :rows="1"
+                              auto-size
+                              hide-details
                               class="form-meta-input nc-form-input-label"
                               data-testid="nc-form-input-label"
                               :placeholder="$t('msg.info.formInput')"
                               @change="updateColMeta(element)"
-                            >
-                            </a-input>
+                            />
                           </a-form-item>
 
                           <a-form-item class="!my-0 !mb-3">
-                            <a-input
+                            <a-textarea
                               v-model:value="element.description"
-                              type="text"
+                              :rows="1"
+                              auto-size
+                              hide-details
                               class="form-meta-input text-sm nc-form-input-help-text"
                               data-testid="nc-form-input-help-text"
                               :placeholder="$t('msg.info.formHelpText')"
@@ -1137,7 +1140,7 @@ const onFormItemClick = (element: any) => {
   @apply !px-4 !py-2;
 }
 .nc-form-input-help-text {
-  @apply !px-3 !py-1;
+  @apply !px-4 !py-1;
 }
 
 .nc-form-help-text,