From 669b6dd94bf1e934b060c7f6e85359903bc2d405 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 22 Feb 2024 16:17:10 +0000
Subject: [PATCH] fix(nc-gui): textarea height issue in form view

---
 packages/nc-gui/components/cell/TextArea.vue   | 6 +++---
 packages/nc-gui/components/smartsheet/Cell.vue | 2 +-
 packages/nc-gui/components/smartsheet/Form.vue | 8 +++++++-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index a4ea61f879..f7aaed246c 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -226,7 +226,7 @@ watch(inputWrapperRef, () => {
         v-else-if="editEnabled && !isVisible"
         :ref="focus"
         v-model="vModel"
-        rows="4"
+        :rows="isForm ? 5 : 4"
         class="h-full w-full outline-none border-none nc-scrollbar-lg"
         :class="{
           'p-2': editEnabled,
@@ -234,7 +234,7 @@ watch(inputWrapperRef, () => {
           'px-2': isExpandedFormOpen,
         }"
         :style="{
-          minHeight: `${height}px`,
+          minHeight: isForm ? '117px' : `${height}px`,
         }"
         :placeholder="isEditColumn ? $t('labels.optional') : ''"
         :disabled="readOnly"
@@ -270,7 +270,7 @@ watch(inputWrapperRef, () => {
       <NcTooltip
         v-if="!isVisible"
         placement="bottom"
-        class="!absolute right-0 hidden nc-text-area-expand-btn group-hover:block z-3"
+        class="!absolute right-1 hidden nc-text-area-expand-btn group-hover:block z-3"
         :class="isExpandedFormOpen || isForm ? 'top-1' : 'bottom-1'"
       >
         <template #title>{{ $t('title.expand') }}</template>
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 5405586f88..1d3d525be2 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -204,7 +204,7 @@ onUnmounted(() => {
         'nc-grid-numeric-cell-right': isGrid && isNumericField && !isEditColumnMenu && !isForm && !isExpandedFormOpen,
         'h-10': isForm && !isSurveyForm && !isAttachment(column) && !props.virtual,
         'nc-grid-numeric-cell-left': (isForm && isNumericField && isExpandedFormOpen) || isEditColumnMenu,
-        '!min-h-30 resize-y': isTextArea(column) && (isForm || isSurveyForm),
+        '!min-h-30': isTextArea(column) && (isForm || isSurveyForm),
       },
     ]"
     class="nc-cell w-full h-full relative"
diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index aa504a4bfb..c60adad78c 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -1179,7 +1179,7 @@ useEventListener(
 }
 
 .nc-input {
-  @apply appearance-none w-full !bg-white rounded-lg px-2 py-2 border-solid border-1 border-gray-200 focus-within:border-brand-500;
+  @apply appearance-none w-full !bg-white rounded-lg border-solid border-1 border-gray-200 focus-within:border-brand-500;
   &.nc-cell-rating,
   &.nc-cell-geodata {
     @apply !py-1;
@@ -1188,6 +1188,12 @@ useEventListener(
   :deep(input) {
     @apply !px-1;
   }
+  &.nc-cell-longtext {
+    @apply p-0 h-auto;
+  }
+  &:not(.nc-cell-longtext) {
+    @apply px-2 py-2;
+  }
 }
 
 .form-meta-input {