From 31a832f2337c222cd3c3176a537da250a57bc283 Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Thu, 28 Sep 2023 16:00:28 +0530
Subject: [PATCH] fix: auto sizing text area

---
 packages/nc-gui/components/cell/Checkbox.vue  | 22 ++++++++++---------
 .../nc-gui/components/smartsheet/Form.vue     |  2 ++
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/cell/Checkbox.vue b/packages/nc-gui/components/cell/Checkbox.vue
index 0a791e17d0..50b48df216 100644
--- a/packages/nc-gui/components/cell/Checkbox.vue
+++ b/packages/nc-gui/components/cell/Checkbox.vue
@@ -89,16 +89,18 @@ useSelectedCellKeyupListener(active, (e) => {
     }"
     @click="onClick(false, $event)"
   >
-    <div class="items-center py-2" :class="{ 'w-full justify-start': isEditColumnMenu || isGallery }" @click="onClick(true)">
-      <Transition name="layout" mode="out-in" :duration="100">
-        <component
-          :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
-          class="nc-checkbox"
-          :style="{
-            color: checkboxMeta.color,
-          }"
-        />
-      </Transition>
+    <div class="items-center" :class="{ 'w-full justify-start': isEditColumnMenu || isGallery || isForm }" @click="onClick(true)">
+      <div :class="{ 'bg-gray-100 rounded-full ': !vModel }">
+        <Transition name="layout" mode="out-in" :duration="100">
+          <component
+            :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
+            class="nc-checkbox"
+            :style="{
+              color: checkboxMeta.color,
+            }"
+          />
+        </Transition>
+      </div>
     </div>
   </div>
 </template>
diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 0361929b0a..16fc500f54 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -556,6 +556,7 @@ watch(view, (nextView) => {
                       'max-height': '250px',
                       'resize': 'vertical',
                     }"
+                    autosize
                     size="large"
                     hide-details
                     placeholder="Form Title"
@@ -581,6 +582,7 @@ watch(view, (nextView) => {
                       'resize': 'vertical',
                     }"
                     size="large"
+                    autosize
                     hide-details
                     :placeholder="$t('msg.info.formDesc')"
                     :bordered="false"