Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Set initial focus for event search

Browse Source
This commit is contained in:
Alexis
2025-03-14 15:49:36 +01:00
parent 9e814e319f
commit 9034406a45
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/calendar/search/CalendarSearch.vue
View File

@@ -29,6 +29,9 @@ import type { Category } from "~/models/Category"
const { isAdvancedSearchOpen, allEvents } = storeToRefs(useCalendar()) const { isAdvancedSearchOpen, allEvents } = storeToRefs(useCalendar())
const { characters } = storeToRefs(useCharacters()) const { characters } = storeToRefs(useCharacters())
const searchInput = shallowRef<HTMLInputElement>()
useFocus(searchInput, { initialValue: true })
const searchQuery = ref<string>("") const searchQuery = ref<string>("")
// const searchEnough = computed<boolean>(() => searchQuery.value.length >= 2) // const searchEnough = computed<boolean>(() => searchQuery.value.length >= 2)
@@ -281,6 +284,7 @@ function handleCategoryUnselect(e: Category) {
<div class="relative w-full h-fit"> <div class="relative w-full h-fit">
<UiInput <UiInput
id="search" id="search"
ref="searchInput"
v-model:model-value="searchQuery" v-model:model-value="searchQuery"
type="text" type="text"
:placeholder="$t('entity.advancedSearch.ctaPlaceholder')" :placeholder="$t('entity.advancedSearch.ctaPlaceholder')"
@@ -321,7 +325,7 @@ function handleCategoryUnselect(e: Category) {
<ComboboxRoot <ComboboxRoot
v-model="selectedCategories" v-model="selectedCategories"
v-model:open="categoryFilterOpened" v-model:open="categoryFilterOpened"
v-model:searchTerm="searchCategory" v-model:search-term="searchCategory"
class="grow flex items-center gap-y-1 pr-2" class="grow flex items-center gap-y-1 pr-2"
> >
<ComboboxAnchor as-child> <ComboboxAnchor as-child>