zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix: improve keyboard operability especially on search page and editor (#2730)

Browse source 
Co-authored-by: patak <583075+patak-dev@users.noreply.github.com>
This commit is contained in:
TAKAHASHI Shuuji 2024-04-01 14:24:42 +09:00 • committed by GitHub
parent 587c063aba
commit eee671cdc3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
pages/[[server]]/search.vue
View file

@ -1,18 +1,25 @@
<script setup lang="ts">
const keys = useMagicKeys()
const { t } = useI18n()
useHydratedHead({
title: () => t('nav.search'),
})
const search = ref<{ input?: HTMLInputElement }>()
watchEffect(() => {
if (search.value?.input)
search.value?.input?.focus()
})
onActivated(() =>
search.value?.input?.focus(),
)
onActivated(() => search.value?.input?.focus())
onDeactivated(() => search.value?.input?.blur())
watch(keys['/'], (v) => {
// focus on input when '/' is up to avoid '/' being typed
if (!v)
search.value?.input?.focus()
})
</script>
<template>