From 55fae33841076870f0b4fee00068f75ce89f2757 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 10 Dec 2024 07:28:44 +0000
Subject: [PATCH] fix(nc-gui): longtext cell focus issue on cell active

---
 packages/nc-gui/components/cell/TextArea.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index c51602a5c5..0ffed54ba7 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { VNodeRef } from '@vue/runtime-core'
 import type { AIRecordType } from 'nocodb-sdk'
 
 const props = defineProps<{
@@ -70,9 +69,6 @@ const mousePosition = ref<
 
 const isDragging = ref(false)
 
-const focus: VNodeRef = (el) =>
-  !isExpandedFormOpen.value && !isEditColumn.value && !isForm.value && (el as HTMLTextAreaElement)?.focus()
-
 const height = computed(() => {
   if (isExpandedFormOpen.value) return 36 * 4
 
@@ -326,6 +322,14 @@ watch(
     immediate: true,
   },
 )
+
+const textAreaRef = ref<HTMLTextAreaElement>()
+
+watch(textAreaRef, (el) => {
+  if (el && !isExpandedFormOpen.value && !isEditColumn.value && !isForm.value) {
+    el.focus()
+  }
+})
 </script>
 
 <template>
@@ -394,7 +398,7 @@ watch(
         }"
       >
         <textarea
-          :ref="focus"
+          ref="textAreaRef"
           v-model="vModel"
           :rows="isForm ? 5 : 4"
           class="h-full w-full !outline-none nc-scrollbar-thin"