Added collision detection for category list

This commit is contained in:
Alexis
2024-06-10 20:26:21 +02:00
parent 17b9937c6a
commit a1aa512018

View File

@@ -38,7 +38,7 @@ const computedTextValue = computed(() => {
<UiButton <UiButton
variant="outline" variant="outline"
role="combobox" role="combobox"
class="w-fit max-w-full justify-between capitalize" class="w-fit max-w-full justify-between"
> >
{{ computedTextValue }} {{ computedTextValue }}
@@ -46,8 +46,10 @@ const computedTextValue = computed(() => {
</UiButton> </UiButton>
</UiPopoverTrigger> </UiPopoverTrigger>
<UiPopoverContent <UiPopoverContent
:align="'start'" align="start"
class="w-fit p-0" side="bottom"
:collision-padding="50"
class="w-fit h-[33vh] p-0"
> >
<UiCommand v-model="model" :multiple> <UiCommand v-model="model" :multiple>
<UiCommandInput placeholder="Rechercher les catégories" /> <UiCommandInput placeholder="Rechercher les catégories" />