evidence icon indicating copy to clipboard operation
evidence copied to clipboard

Dropdown list shows gap when list of options is small

Open hughess opened this issue 1 year ago • 0 comments

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>

hughess avatar May 02 '24 17:05 hughess