From aaa9ea15aa5008067806f92a6238f6afc0d62c99 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 20 Jul 2022 14:06:06 +0530
Subject: [PATCH] feat(gui-v2): select and focus title field on load

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui-v2/pages/projects/index/create-external.vue    | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/nc-gui-v2/pages/projects/index/create-external.vue b/packages/nc-gui-v2/pages/projects/index/create-external.vue
index bf2bf742ea..586e9f4df3 100644
--- a/packages/nc-gui-v2/pages/projects/index/create-external.vue
+++ b/packages/nc-gui-v2/pages/projects/index/create-external.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { onMounted } from '@vue/runtime-core'
 import { useI18n } from 'vue-i18n'
 import { useToast } from 'vue-toastification'
 import { Form, Modal } from 'ant-design-vue'
@@ -198,6 +199,13 @@ watch(
   () => (testSuccess.value = false),
   { deep: true },
 )
+
+// select and focus title field on load
+onMounted(() => {
+  const input = form.value?.$el.querySelector('input')
+  input.setSelectionRange(0, formState.title.length)
+  input.focus()
+})
 </script>
 
 <template>