From 711419c4dbdd1c23c66625fdd9e26e1c67784a90 Mon Sep 17 00:00:00 2001
From: Sacha STAFYNIAK <sacha@digisquad.io>
Date: Fri, 13 Oct 2023 21:50:09 +0200
Subject: [PATCH] fix(dropdown): set dropdown content z-index

---
 components/base/BaseDropdown.vue     | 1 +
 components/form/BaseAutocomplete.vue | 1 +
 components/form/BaseListbox.vue      | 1 +
 3 files changed, 3 insertions(+)

diff --git a/components/base/BaseDropdown.vue b/components/base/BaseDropdown.vue
index 132ce056..0e8c7222 100644
--- a/components/base/BaseDropdown.vue
+++ b/components/base/BaseDropdown.vue
@@ -154,6 +154,7 @@ const placementValue = computed(() => {
         flip
         :offset="props.flavor === 'context' ? 6 : 4"
         :placement="placementValue"
+        :z-index="20"
       >
         <MenuButton as="template">
           <slot name="button" v-bind="{ open, close }">
diff --git a/components/form/BaseAutocomplete.vue b/components/form/BaseAutocomplete.vue
index 1a095a7b..e2d35d86 100644
--- a/components/form/BaseAutocomplete.vue
+++ b/components/form/BaseAutocomplete.vue
@@ -367,6 +367,7 @@ function removeItem(item: any) {
       @hide="query = ''"
       :flip="!props.multiple"
       :offset="5"
+      :z-index="20"
     >
       <ComboboxLabel
         v-if="
diff --git a/components/form/BaseListbox.vue b/components/form/BaseListbox.vue
index bf75c208..a1cdec92 100644
--- a/components/form/BaseListbox.vue
+++ b/components/form/BaseListbox.vue
@@ -233,6 +233,7 @@ const value = computed(() => {
         leave-to-class="opacity-0"
         flip
         :offset="5"
+        :z-index="20"
       >
         <ListboxLabel
           v-if="