zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix height combobox (virtual list)

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-07-24 22:50:59 +02:00
parent 0e361c1c52
commit 3d0474d07b
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/dashboard/src/components/ui/combobox-advanced.tsx
View File

@@ -121,7 +121,12 @@ export function ComboboxAdvanced({
value={inputValue} value={inputValue}
onValueChange={setInputValue} onValueChange={setInputValue}
/> />
<VirtualList height={300} data={data} itemHeight={32} itemKey="value"> <VirtualList
height={Math.min(items.length * 32, 300)}
data={data}
itemHeight={32}
itemKey="value"
>
{renderItem} {renderItem}
</VirtualList> </VirtualList>
</Command> </Command>

2
apps/dashboard/src/components/ui/combobox.tsx
View File

@@ -124,7 +124,7 @@ export function Combobox<T extends string>({
<CommandEmpty>Nothing selected</CommandEmpty> <CommandEmpty>Nothing selected</CommandEmpty>
)} )}
<VirtualList <VirtualList
height={300} height={Math.min(items.length * 32, 300)}
data={items.filter((item) => { data={items.filter((item) => {
if (search === '') return true; if (search === '') return true;
return item.label.toLowerCase().includes(search.toLowerCase()); return item.label.toLowerCase().includes(search.toLowerCase());