fix: !WIP flickering dropdown on multi dropdowns with new focus strategy

1 files changed, 5 insertions, 1 deletions

diff --git a/apps/web-shared/src/components/dropdown.svelte b/apps/web-shared/src/components/dropdown.svelte
index 2cddce9..d53bb6e 100644
--- a/apps/web-shared/src/components/dropdown.svelte
+++ b/apps/web-shared/src/components/dropdown.svelte
@@ -225,7 +225,6 @@
                     } else {
                         document.querySelector("#" + INTERNAL_ID + " ul li:first-of-type").classList.add("focus");
                         document.querySelector("#" + INTERNAL_ID + " ul li:first-of-type").scrollIntoView();
-
                     }
                 } else if (arrowUpPressed) {
                     if (focusedEntry.previousElementSibling) {
@@ -280,6 +279,11 @@
 >
     <!-- input -->
     <div class="select-auto__input-wrapper form-control"
+         style="cursor: text"
+         on:click={() => {
+			 if (!element_has_focus(searchInputNode)) searchInputNode.focus();
+			 showDropdown = true;
+         }}
          class:multiple={multiple === true}
          class:has-selection={hasSelection}>
         {#if multiple === true && hasSelection}