make sure dropdown/combobox lists stay visible during close animation to

avoid layout shifts
This commit is contained in:
Gregor Vostrak
2026-07-09 12:33:56 +02:00
parent 65fbb43aa6
commit 7c3f7e2b67
7 changed files with 47 additions and 22 deletions

View File

@@ -89,11 +89,17 @@ function selectMember(member: Member) {
</Button>
</template>
<template #content>
<!-- kept open so the list stays visible during the popover close animation -->
<ComboboxRoot
v-model:search-term="searchValue"
v-model:open="open"
:open="true"
class="relative"
:filter-function="(val: string[]) => val">
:filter-function="(val: string[]) => val"
@update:open="
(value: boolean) => {
if (!value) open = false;
}
">
<ComboboxAnchor>
<ComboboxInput
ref="searchInput"