diff --git a/app/javascript/shared/components/ui/MultiselectDropdown.vue b/app/javascript/shared/components/ui/MultiselectDropdown.vue
index 3c066e691..3e4af6cf9 100644
--- a/app/javascript/shared/components/ui/MultiselectDropdown.vue
+++ b/app/javascript/shared/components/ui/MultiselectDropdown.vue
@@ -36,6 +36,10 @@ const props = defineProps({
type: String,
default: 'Search',
},
+ disabled: {
+ type: Boolean,
+ default: false,
+ },
});
const emit = defineEmits(['select']);
@@ -66,6 +70,8 @@ const hasValue = computed(() => {
showSearchDropdown ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'
"
class="w-full !px-2"
+ type="button"
+ :disabled="disabled"
@click="
() => toggleDropdown() // ensure that the event is not passed to the button
"
@@ -93,6 +99,10 @@ const hasValue = computed(() => {
tag.
+ event => event.preventDefault()
+ "
>