From df85fd6a0a7563139ea65c8b3fd7b2570407f5d3 Mon Sep 17 00:00:00 2001
From: Timo <beckmann.timo@icloud.com>
Date: Tue, 16 Apr 2024 03:01:53 +0200
Subject: [PATCH] Fix base multi select open direction top (#55)

---
 resources/scripts/components/base-select/BaseMultiselect.vue   | 3 ++-
 .../scripts/components/base-select/composables/useClasses.js   | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/scripts/components/base-select/BaseMultiselect.vue b/resources/scripts/components/base-select/BaseMultiselect.vue
index 49b6537f..2574552a 100755
--- a/resources/scripts/components/base-select/BaseMultiselect.vue
+++ b/resources/scripts/components/base-select/BaseMultiselect.vue
@@ -475,9 +475,10 @@ export default {
         spinner:
           'bg-multiselect-spinner bg-center bg-no-repeat w-4 h-4 z-10 mr-3.5 animate-spin shrink-0 grow-0',
         dropdown:
-          'max-h-60 shadow-lg absolute -left-px -right-px -bottom-1 translate-y-full border border-gray-300 mt-1 overflow-y-auto z-50 bg-white flex flex-col rounded-md',
+          'max-h-60 shadow-lg absolute -left-px -right-px -bottom-1 border border-gray-300 mt-1 overflow-y-auto z-50 bg-white flex flex-col rounded-md',
         dropdownTop:
           '-translate-y-full -top-2 bottom-auto flex-col-reverse rounded-md',
+        dropdownBottom: 'translate-y-full',
         dropdownHidden: 'hidden',
         options: 'flex flex-col p-0 m-0 list-none',
         optionsTop: 'flex-col-reverse',
diff --git a/resources/scripts/components/base-select/composables/useClasses.js b/resources/scripts/components/base-select/composables/useClasses.js
index f61dfe15..ac7ba7b6 100644
--- a/resources/scripts/components/base-select/composables/useClasses.js
+++ b/resources/scripts/components/base-select/composables/useClasses.js
@@ -112,6 +112,7 @@ export default function useClasses(props, context, dependencies) {
       spinner: classes.spinner,
       dropdown: [classes.dropdown]
         .concat(openDirection.value === 'top' ? classes.dropdownTop : [])
+        .concat(openDirection.value === 'bottom' ? classes.dropdownBottom : [])
         .concat(
           !isOpen.value || !showOptions.value || !showDropdown.value
             ? classes.dropdownHidden