From a1aa512018ef17ce4bfa8437758f13bdac960f37 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 10 Jun 2024 20:26:21 +0200
Subject: [PATCH] Added collision detection for category list

---
 components/calendar/input/EventCategories.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/calendar/input/EventCategories.vue b/components/calendar/input/EventCategories.vue
index 76e969b..2292cfe 100644
--- a/components/calendar/input/EventCategories.vue
+++ b/components/calendar/input/EventCategories.vue
@@ -38,7 +38,7 @@ const computedTextValue = computed(() => {
       <UiButton
         variant="outline"
         role="combobox"
-        class="w-fit max-w-full justify-between capitalize"
+        class="w-fit max-w-full justify-between"
       >
         {{ computedTextValue }}
 
@@ -46,8 +46,10 @@ const computedTextValue = computed(() => {
       </UiButton>
     </UiPopoverTrigger>
     <UiPopoverContent
-      :align="'start'"
-      class="w-fit p-0"
+      align="start"
+      side="bottom"
+      :collision-padding="50"
+      class="w-fit h-[33vh] p-0"
     >
       <UiCommand v-model="model" :multiple>
         <UiCommandInput placeholder="Rechercher les catégories" />