evidence-dev / evidence

Business intelligence as code: build fast, interactive data visualizations in pure SQL and markdown
https://evidence.dev
MIT License
3.44k stars 167 forks source link

Dropdown list shows gap when list of options is small #1962

Open hughess opened 2 weeks ago

hughess commented 2 weeks ago

Dropdown list height is fixed at 160px, leaving a gap under the options when the list is small: CleanShot 2024-05-02 at 13 22 46@2x

This is set in this snippet in Dropdown.svelte:

<VirtualList height="160px" items={$items} let:item>
    <DropdownOption value={item.value} valueLabel={item.label} />
</VirtualList>

It may be possible to do something like:

<VirtualList height="{$items.length * 30}px" items={$items} let:item>
    <DropdownOption value={item.value} valueLabel={item.label} />
</VirtualList>