diff --git a/src/svelte/shared/components/search-select.svelte b/src/svelte/shared/components/search-select.svelte index 8c04da7..b88107d 100644 --- a/src/svelte/shared/components/search-select.svelte +++ b/src/svelte/shared/components/search-select.svelte @@ -42,7 +42,7 @@ function closeDropdown() { isOpen = false; - inputValue = ""; + inputValue = value; currentFocusIndex = 0; } @@ -157,22 +157,31 @@ bind:this={dropdownRef} use:portalAction > - {#each filteredOptions as option, i} -
handleOptionClick(option)} - on:keydown={() => {}} - > - {option} -
- {/each} - {#if filteredOptions.length > 0} +
+ {#each filteredOptions as option, i} +
handleOptionClick(option)} + on:keydown={() => {}} + > + {option} +
+ {/each} + {#if filteredOptions.length === 0} +
+ No results found +
+ {/if} +
+ {#if value !== ""}
{/if} - {#if filteredOptions.length === 0} -
- No results found -
- {/if}
{/if} @@ -211,8 +213,6 @@ position: absolute; background-color: var(--dropdown-background); box-shadow: var(--input-shadow); - max-height: 175px; - overflow-y: auto; z-index: 999; color: var(--text-normal); font-size: var(--font-ui-small); @@ -221,6 +221,11 @@ border-radius: var(--input-radius); } + .vault-explorer-search-select__dropdown-container { + max-height: 145px; + overflow-y: auto; + } + .vault-explorer-search-select__input-icon { position: absolute; top: 50%;