Fixed aria combobox attributes

This commit is contained in:
Alexis
2025-05-07 14:03:49 +02:00
parent 45eefbe35d
commit f03d952183
2 changed files with 7 additions and 1 deletions

View File

@@ -35,6 +35,8 @@ const filteredCategories = computed(() =>
<UiButton
variant="outline"
role="combobox"
:aria-expanded="isPopoverOpen"
aria-controls="event-categories"
class="relative w-full max-w-full h-fit justify-between"
>
<template v-if="!model.length">
@@ -54,12 +56,13 @@ const filteredCategories = computed(() =>
</UiButton>
</UiPopoverTrigger>
<UiPopoverContent
id="event-categories"
align="start"
side="bottom"
:collision-padding="50"
class="w-fit h-[33vh] p-0"
>
<UiCommand v-model="modelBuffer" v-model:searchTerm="searchTerm" :multiple="true">
<UiCommand v-model="modelBuffer" v-model:search-term="searchTerm" :multiple="true">
<UiCommandInput :placeholder="$t('entity.category.search')" />
<UiCommandEmpty>{{ $t('entity.category.notFoundAny') }}</UiCommandEmpty>
<UiCommandList>

View File

@@ -34,6 +34,8 @@ const filteredCategories = computed(() =>
<UiButton
variant="outline"
role="combobox"
:aria-expanded="isPopoverOpen"
aria-controls="event-category"
class="w-full max-w-full justify-between"
>
<template v-if="!model">
@@ -52,6 +54,7 @@ const filteredCategories = computed(() =>
</UiButton>
</UiPopoverTrigger>
<UiPopoverContent
id="event-category"
align="start"
side="bottom"
:collision-padding="50"