bits-ui 2.11.3 → 2.11.4

package/dist/bits/pin-input/pin-input.svelte.js

@@ -425,6 +425,7 @@ function safeInsertRule(sheet, rule) {
         sheet.insertRule(rule);
     }
     catch {
+        // oxlint-disable-next-line no-console
         console.error("pin input could not insert CSS rule:", rule);
     }
 }

package/dist/bits/select/select.svelte.js

@@ -132,8 +132,8 @@ export class SelectSingleRootState extends SelectBaseRootState {
     currentLabel = $derived.by(() => {
         if (!this.opts.items.current.length)
             return "";
-        const match = this.opts.items.current.find((item) => item.value === this.opts.value.current)?.label;
-        return match ?? "";
+        return (this.opts.items.current.find((item) => item.value === this.opts.value.current)?.label ??
+            "");
     });
     candidateLabels = $derived.by(() => {
         if (!this.opts.items.current.length)
@@ -166,8 +166,11 @@ export class SelectSingleRootState extends SelectBaseRootState {
         return this.opts.value.current === itemValue;
     }
     toggleItem(itemValue, itemLabel = itemValue) {
-        this.opts.value.current = this.includesItem(itemValue) ? "" : itemValue;
-        this.opts.inputValue.current = itemLabel;
+        const newValue = this.includesItem(itemValue) ? "" : itemValue;
+        this.opts.value.current = newValue;
+        if (newValue !== "") {
+            this.opts.inputValue.current = itemLabel;
+        }
     }
     setInitialHighlightedNode() {
         afterTick(() => {
@@ -836,7 +839,6 @@ export class SelectItemState {
     onpointerup(e) {
         if (e.defaultPrevented || !this.opts.ref.current)
             return;
-        // prevent any default behavior
         /**
          * For one reason or another, when it's a touch pointer and _not_ on IOS,
          * we need to listen for the immediate click event to handle the selection,
@@ -1083,6 +1085,19 @@ export class SelectScrollDownButtonState {
             this.handleScroll(true);
             return on(this.content.viewportNode, "scroll", () => this.handleScroll());
         });
+        /**
+         * If the input value changes, this means that the filtered items may have changed,
+         * so we need to re-evaluate the scroll-ability of the list.
+         */
+        watch([
+            () => this.root.opts.inputValue.current,
+            () => this.content.viewportNode,
+            () => this.content.isPositioned,
+        ], () => {
+            if (!this.content.viewportNode || !this.content.isPositioned)
+                return;
+            this.handleScroll(true);
+        });
         watch(() => this.scrollButtonState.mounted, () => {
             if (!this.scrollButtonState.mounted)
                 return;

package/dist/internal/warn.js

@@ -10,5 +10,6 @@ export function warn(...messages) {
     if (set.has(msg))
         return;
     set.add(msg);
+    // oxlint-disable-next-line no-console
     console.warn(`[Bits UI]: ${msg}`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.11.3",
+  "version": "2.11.4",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",