@spaethtech/svelte-ui 0.17.1-dev.82.2748ef4 → 0.17.1-dev.83.8520c1d

package/dist/components/Combobox/Combobox.svelte

@@ -222,10 +222,8 @@
           class="cursor-pointer px-3 py-1.5 {i === highlight
             ? '[background-color:var(--ui-color-hover)]'
             : ''} hover:[background-color:var(--ui-color-hover)]"
-          onpointerdown={(e) => {
-            e.preventDefault(); // keep input focused so the click lands before blur closes the list
-            choose(opt);
-          }}
+          onpointerdown={(e) => e.preventDefault()}
+          onclick={() => choose(opt)}
           onpointerenter={() => (highlight = i)}
         >
           {opt}

package/dist/components/List.svelte

@@ -535,6 +535,11 @@
         </div>
       {:else}
         {#each allOptions() as option, index (option.value)}
+          <!-- Select on the full CLICK, not mousedown: if selection closes a hosting Popup (a Select in
+               a Dialog), doing it on mousedown tears the popover out of the top layer before mouseup,
+               so the mouseup + click land on whatever's underneath (e.g. a CardFooter button) — a
+               silent click-through. `mousedown` still `preventDefault`s to keep focus off the option
+               (the reason it lived on mousedown), but selection waits for the completed gesture. -->
           <button
             bind:this={itemElements[index]}
             type="button"
@@ -552,7 +557,8 @@
             style="border: none; border-radius: 0; justify-content: flex-start; {itemSnippet
               ? ''
               : `height: ${itemHeight}px;`}"
-            onmousedown={(event) => selectOption(option.value, event)}
+            onmousedown={(event) => event.preventDefault()}
+            onclick={(event) => selectOption(option.value, event)}
             tabindex="-1"
             role="option"
             aria-selected={isSelected(option.value)}

package/dist/components/Query.svelte

@@ -211,10 +211,8 @@
             ? '[background-color:color-mix(in_srgb,var(--ui-color-text)_10%,transparent)]'
             : ''}"
           onmouseenter={() => (active = i)}
-          onmousedown={(e) => {
-            e.preventDefault();
-            accept(s);
-          }}
+          onmousedown={(e) => e.preventDefault()}
+          onclick={() => accept(s)}
         >
           <span class="font-mono">{ctx.type === "column" ? "$" : ""}{s.value}</span>
           {#if s.label !== s.value}<span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.17.1-dev.82.2748ef4",
+  "version": "0.17.1-dev.83.8520c1d",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"