From 0e3da72267744d6ea6e488c88de64600a5db89cd Mon Sep 17 00:00:00 2001 From: Johnpaul Date: Mon, 8 Sep 2025 17:46:19 +0100 Subject: [PATCH] refactor: adjust MultiSelect overlay height --- src/components/input/MultiSelect.vue | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/input/MultiSelect.vue b/src/components/input/MultiSelect.vue index 5dff84376..9c9c9d927 100644 --- a/src/components/input/MultiSelect.vue +++ b/src/components/input/MultiSelect.vue @@ -165,13 +165,16 @@ const pt = computed(() => ({ dropdown: { class: 'flex shrink-0 cursor-pointer items-center justify-center px-3' }, + listContainer: { + style: 'max-height: 460px;' + }, header: () => ({ class: showSearchBox || showSelectedCount || showClearButton ? 'block' : 'hidden' }), // Overlay & list visuals unchanged overlay: - 'mt-2 bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white rounded-lg border border-solid border-zinc-100 dark-theme:border-zinc-700 max-h-64 overflow-y-scroll', + 'mt-2 bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white rounded-lg border border-solid border-zinc-100 dark-theme:border-zinc-700 max-h-[460px] overflow-y-scroll', list: { class: 'flex flex-col gap-1 p-0 list-none border-none text-xs overflow-y-scroll'