diff --git a/webui/src/lib/components/BrowseColumn.svelte b/webui/src/lib/components/BrowseColumn.svelte index 612878e..a0311e4 100644 --- a/webui/src/lib/components/BrowseColumn.svelte +++ b/webui/src/lib/components/BrowseColumn.svelte @@ -138,7 +138,7 @@ .view { display: flex; - z-index: 1; + z-index: 10; flex-direction: column; min-width: var(--width); max-width: var(--width); diff --git a/webui/src/lib/components/utils/Selector.svelte b/webui/src/lib/components/utils/Selector.svelte index 738b8a6..b5ad4b5 100644 --- a/webui/src/lib/components/utils/Selector.svelte +++ b/webui/src/lib/components/utils/Selector.svelte @@ -309,6 +309,19 @@ $: dbg('%o Options: %O', selectorEl, options); + let optionsTop = '0'; + let optionsLeft = '0'; + let optionsWidth = '0'; + let optionsMaxHeight = 'auto'; + + $: if (visible) { + const rect = selectorEl.getBoundingClientRect(); + optionsTop = rect.bottom + window.scrollY + 4 + 'px'; + optionsLeft = rect.left + window.scrollX + 'px'; + optionsWidth = rect.width + 'px'; + optionsMaxHeight = window.innerHeight - rect.bottom - 4 * 3 + 'px'; + } + $: { if (inputFocused) { updateOptions(inputValue, true); @@ -458,7 +471,14 @@ $: dbg('%o focus = %s, hover = %s, visible = %s', selectorEl, inputFocused, hover, visible); -
+
{#if current?.t === 'Address' && inputValue.length > 0}
@@ -552,10 +572,6 @@