From dbbd67fe34793f43df2123420eaf974a72130279 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 2 Aug 2022 13:54:37 +0800
Subject: [PATCH] fix(gui-v2): airtable import log scrolling

---
 packages/nc-gui-v2/components/dlg/AirtableImport.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/dlg/AirtableImport.vue b/packages/nc-gui-v2/components/dlg/AirtableImport.vue
index 01d916e261..e76617f704 100644
--- a/packages/nc-gui-v2/components/dlg/AirtableImport.vue
+++ b/packages/nc-gui-v2/components/dlg/AirtableImport.vue
@@ -2,6 +2,7 @@
 import io from 'socket.io-client'
 import type { Socket } from 'socket.io-client'
 import { Form } from 'ant-design-vue'
+import type { Card as AntCard } from 'ant-design-vue'
 import { useToast } from 'vue-toastification'
 import { fieldRequiredValidator } from '~/utils/validation'
 import { extractSdkResponseErrorMsg } from '~/utils/errorUtils'
@@ -34,7 +35,7 @@ const step = ref(1)
 
 const progress = ref<Record<string, any>[]>([])
 
-const logRef = ref()
+const logRef = ref<typeof AntCard>()
 
 let socket: Socket | null
 
@@ -208,9 +209,8 @@ onMounted(async () => {
   socket.on('progress', async (d: Record<string, any>) => {
     progress.value.push(d)
 
-    // FIXME: this doesn't work
     nextTick(() => {
-      logRef.value.scrollTop = logRef.value?.scrollHeight
+      ;(logRef.value?.$el as HTMLDivElement).scrollTo()
     })
 
     if (d.status === 'COMPLETED') {