fix: make selects scrollable

This commit is contained in:
Aarnav Tale 2024-11-20 18:13:49 -05:00
parent 3cd28d2136
commit 8aad883c21
No known key found for this signature in database

View File

@ -46,7 +46,7 @@ function Select(props: SelectProps) {
className={cn(
'mt-2 rounded-md w-[var(--trigger-width)]',
'bg-ui-100 dark:bg-ui-800 shadow-sm',
'overflow-hidden z-50',
'z-50 overflow-y-auto',
'border border-ui-200 dark:border-ui-600',
'entering:animate-in exiting:animate-out',
'entering:fade-in entering:zoom-in-95',
@ -54,7 +54,7 @@ function Select(props: SelectProps) {
'fill-mode-forwards origin-left-right',
)}
>
<ListBox>
<ListBox orientation="vertical">
{props.children}
</ListBox>
</Popover>