bits-ui 2.16.3 → 2.16.4

package/dist/bits/menu/menu.svelte.js

@@ -183,6 +183,10 @@ export class MenuContentState {
         this.opts.onCloseAutoFocus.current?.(e);
         if (e.defaultPrevented || this.#isSub)
             return;
+        if (this.parentMenu.root.ignoreCloseAutoFocus) {
+            e.preventDefault();
+            return;
+        }
         if (this.parentMenu.triggerNode && isTabbable(this.parentMenu.triggerNode)) {
             e.preventDefault();
             this.parentMenu.triggerNode.focus();
@@ -306,7 +310,17 @@ export class MenuContentState {
         }
         if (e.target.closest(`#${triggerId}`)) {
             e.preventDefault();
+            return;
         }
+        /**
+         * when the menu closes due to an outside pointer interaction (for example,
+         * clicking another dropdown trigger), avoid focusing this menu's trigger
+         * to prevent stealing focus from the new interaction target.
+         */
+        this.parentMenu.root.ignoreCloseAutoFocus = true;
+        afterTick(() => {
+            this.parentMenu.root.ignoreCloseAutoFocus = false;
+        });
     }
     get shouldRender() {
         return this.parentMenu.contentPresence.shouldRender;

package/dist/bits/utilities/popper-layer/popper-layer-inner.svelte

@@ -52,6 +52,11 @@
 		enabled: boolean;
 		contentPointerEvents?: "auto" | "none";
 	} = $props();
+
+	const resolvedPreventScroll = $derived(preventScroll ?? true);
+	const effectiveStrategy = $derived(
+		strategy ?? (resolvedPreventScroll ? "fixed" : "absolute")
+	);
 </script>
 
 <PopperContent
@@ -68,7 +73,7 @@
 	{sticky}
 	{hideWhenDetached}
 	{updatePositionStrategy}
-	{strategy}
+	strategy={effectiveStrategy}
 	{dir}
 	{wrapperId}
 	{style}
@@ -79,9 +84,9 @@
 >
 	{#snippet content({ props: floatingProps, wrapperProps })}
 		{#if restProps.forceMount && enabled}
-			<ScrollLock {preventScroll} />
+			<ScrollLock preventScroll={resolvedPreventScroll} />
 		{:else if !restProps.forceMount}
-			<ScrollLock {preventScroll} />
+			<ScrollLock preventScroll={resolvedPreventScroll} />
 		{/if}
 		<FocusScope
 			{onOpenAutoFocus}

package/dist/internal/floating-svelte/use-floating.svelte.js

@@ -23,6 +23,7 @@ export function useFloating(options) {
     let middlewareData = $state({});
     let isPositioned = $state(false);
     let hasWhileMountedPosition = false;
+    let updateRequestId = 0;
     const floatingStyles = $derived.by(() => {
         // preserve last known position when floating ref is null (during transitions)
         const xVal = floating.current ? roundByDPR(floating.current, x) : x;
@@ -50,12 +51,20 @@ export function useFloating(options) {
     function update() {
         if (reference.current === null || floating.current === null)
             return;
-        computePosition(reference.current, floating.current, {
+        const referenceNode = reference.current;
+        const floatingNode = floating.current;
+        const requestId = ++updateRequestId;
+        computePosition(referenceNode, floatingNode, {
             middleware: middlewareOption,
             placement: placementOption,
             strategy: strategyOption,
         }).then((position) => {
-            const referenceNode = reference.current;
+            // ignore stale async resolutions when newer updates were requested.
+            if (requestId !== updateRequestId)
+                return;
+            // ignore stale resolutions after ref replacement.
+            if (reference.current !== referenceNode || floating.current !== floatingNode)
+                return;
             const referenceHidden = isReferenceHidden(referenceNode);
             if (referenceHidden) {
                 // keep last good coordinates when the anchor disappears to avoid
@@ -91,6 +100,7 @@ export function useFloating(options) {
             whileElementsMountedCleanup();
             whileElementsMountedCleanup = undefined;
         }
+        updateRequestId++;
     }
     function attach() {
         cleanup();

package/package.json

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