Browse Source

feat(gui-v2): select and focus title field on load

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2730/head
Pranav C 2 years ago
parent
commit
aaa9ea15aa
  1. 8
      packages/nc-gui-v2/pages/projects/index/create-external.vue

8
packages/nc-gui-v2/pages/projects/index/create-external.vue

@ -1,4 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted } from '@vue/runtime-core'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useToast } from 'vue-toastification' import { useToast } from 'vue-toastification'
import { Form, Modal } from 'ant-design-vue' import { Form, Modal } from 'ant-design-vue'
@ -198,6 +199,13 @@ watch(
() => (testSuccess.value = false), () => (testSuccess.value = false),
{ deep: true }, { 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> </script>
<template> <template>

Loading…
Cancel
Save