From f82296f9e96e35065297aba6a1ab02ffea401856 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 2 Mar 2024 07:32:38 +0000
Subject: [PATCH] feat(nc-gui): add transition on rich text menu options

---
 packages/nc-gui/components/cell/RichText.vue   | 12 ++++++++++--
 packages/nc-gui/components/smartsheet/Form.vue |  3 ---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/cell/RichText.vue b/packages/nc-gui/components/cell/RichText.vue
index 4038611637..62947a87ff 100644
--- a/packages/nc-gui/components/cell/RichText.vue
+++ b/packages/nc-gui/components/cell/RichText.vue
@@ -250,8 +250,16 @@ onClickOutside(editorDom, (e) => {
             !fullMode && readOnly && rowHeight && !isExpandedFormOpen && !isForm,
         }"
       />
-      <div v-if="isFormField && !readOnly && isFocused">
-        <CellRichTextSelectedBubbleMenu v-if="editor" :editor="editor" embed-mode is-form-field />
+      <div v-if="isFormField && !readOnly">
+        <div
+          class="overflow-hidden"
+          :class="isFocused ? 'max-h-[50px]' : 'max-h-0'"
+          :style="{
+            transition: 'max-height 0.2s ease-in-out',
+          }"
+        >
+          <CellRichTextSelectedBubbleMenu v-if="editor" :editor="editor" embed-mode is-form-field />
+        </div>
       </div>
     </template>
   </div>
diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index cdd0b8fafd..131daf02df 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -928,9 +928,6 @@ useEventListener(
                           '!hover:bg-white !ring-0 !cursor-auto': isLocked,
                         },
                       ]"
-                      :style="{
-                        transition: 'height 1s ease-in',
-                      }"
                       :data-title="element.title"
                       data-testid="nc-form-fields"
                       @click.stop="onFormItemClick(element)"