From 387d8ca8cf188a6981c811dabbc44b69476683e9 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 25 Nov 2022 00:33:37 +0800
Subject: [PATCH] fix(nc-gui): focus on the first input in expanded form
 nextTick

---
 .../components/smartsheet/expanded-form/index.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 5a731b2994..d345b73281 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -122,11 +122,13 @@ if (isKanban.value) {
   }
 }
 
-const cellWrapperEl = (wrapperEl: HTMLElement) => {
-  nextTick(() => {
-    ;(wrapperEl?.querySelector('input,select,textarea') as HTMLInputElement)?.focus()
+const cellWrapperEl = ref<HTMLElement>()
+
+onMounted(() => {
+  setTimeout(() => {
+    ;(cellWrapperEl.value?.querySelector('input,select,textarea') as HTMLInputElement)?.focus()
   })
-}
+})
 </script>
 
 <script lang="ts">
@@ -163,7 +165,10 @@ export default {
 
               <LazySmartsheetHeaderCell v-else :column="col" />
 
-              <div :ref="i ? null : cellWrapperEl" class="!bg-white rounded px-1 min-h-[35px] flex items-center mt-2">
+              <div
+                :ref="i ? null : (el) => (cellWrapperEl = el)"
+                class="!bg-white rounded px-1 min-h-[35px] flex items-center mt-2"
+              >
                 <LazySmartsheetVirtualCell v-if="isVirtualCol(col)" v-model="row.row[col.title]" :row="row" :column="col" />
 
                 <LazySmartsheetCell