From 64a1ed7f7f6884fd316213d5eb3176f64b66cc10 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 11 Jun 2024 11:23:36 +0530
Subject: [PATCH] fix(nc-gui): allow vertical resize for rich text input in
 form view (#8684)

* fix(nc-gui): allow vertical resize for rich text input in form view

* chore(nc-gui): lint
---
 packages/nc-gui/components/cell/RichText.vue          | 11 +++++++++++
 packages/nc-gui/components/cell/TextArea.vue          |  6 +++---
 .../components/smartsheet/expanded-form/index.vue     |  1 -
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/cell/RichText.vue b/packages/nc-gui/components/cell/RichText.vue
index 33c6c4d0cc..bc7d346a2d 100644
--- a/packages/nc-gui/components/cell/RichText.vue
+++ b/packages/nc-gui/components/cell/RichText.vue
@@ -405,6 +405,17 @@ onClickOutside(editorDom, (e) => {
       }
     }
   }
+  &.allow-vertical-resize:not(.readonly) {
+    .ProseMirror {
+      @apply nc-scrollbar-thin;
+
+      overflow-y: auto;
+      overflow-x: hidden;
+      resize: vertical;
+      min-width: 100%;
+      max-height: min(800px, calc(100vh - 200px)) !important;
+    }
+  }
 }
 
 .nc-rich-text-full {
diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 4b35a74cb7..ed45452691 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -209,16 +209,15 @@ watch(inputWrapperRef, () => {
     >
       <div v-if="isForm && isRichMode" class="w-full">
         <div
-          class="w-full relative w-full px-0 pb-1"
+          class="w-full relative w-full px-0"
           :class="{
             'pt-11': !readOnly,
           }"
         >
           <LazyCellRichText
             v-model:value="vModel"
-            class="!max-h-50"
             :class="{
-              'border-t-1 border-gray-100': !readOnly,
+              'border-t-1 border-gray-100 allow-vertical-resize': !readOnly,
             }"
             :autofocus="false"
             show-menu
@@ -256,6 +255,7 @@ watch(inputWrapperRef, () => {
         }"
         :style="{
           minHeight: isForm ? '117px' : `${height}px`,
+          maxHeight: 'min(800px, calc(100vh - 200px))',
         }"
         :disabled="readOnly"
         @blur="editEnabled = false"
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 1948dbe0a7..d2ef60742d 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -1026,7 +1026,6 @@ export default {
   @apply !xs:(h-full);
 }
 
-
 .nc-data-cell {
   @apply !rounded-lg;
   transition: all 0.3s;