bits-ui 2.18.0 → 2.18.1

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

@@ -909,7 +909,7 @@ export class MenuContentState {
         if (this.#isPointerMovingToSubmenu() || this.parentMenu.root.isUsingKeyboard.current)
             return;
         const contentNode = this.parentMenu.contentNode;
-        contentNode?.focus();
+        contentNode?.focus({ preventScroll: true });
         this.rovingFocusGroup.setCurrentTabStopId("");
     }
     onTriggerLeave() {
@@ -993,7 +993,7 @@ class MenuItemSharedState {
             const item = e.currentTarget;
             if (!isHTMLElement(item))
                 return;
-            item.focus();
+            item.focus({ preventScroll: true });
         }
     }
     onpointerleave(e) {

package/dist/bits/tooltip/components/tooltip-content.svelte

@@ -74,15 +74,20 @@
 		contentPointerEvents={contentState.root.disableHoverableContent ? "none" : "auto"}
 	>
 		{#snippet popper({ props, wrapperProps })}
+			{@const finalWrapperProps = mergeProps(wrapperProps, {
+				style: {
+					pointerEvents: contentState.root.disableHoverableContent ? "none" : undefined,
+				},
+			})}
 			{@const finalProps = mergeProps(
 				props,
 				{ style: getFloatingContentCSSVars("tooltip") },
 				{ style }
 			)}
 			{#if child}
-				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}
+				{@render child({ props: finalProps, wrapperProps: finalWrapperProps, ...contentState.snippetProps })}
 			{:else}
-				<div {...wrapperProps}>
+				<div {...finalWrapperProps}>
 					<div {...finalProps}>
 						{@render children?.()}
 					</div>
@@ -106,15 +111,20 @@
 		contentPointerEvents={contentState.root.disableHoverableContent ? "none" : "auto"}
 	>
 		{#snippet popper({ props, wrapperProps })}
+			{@const finalWrapperProps = mergeProps(wrapperProps, {
+				style: {
+					pointerEvents: contentState.root.disableHoverableContent ? "none" : undefined,
+				},
+			})}
 			{@const finalProps = mergeProps(
 				props,
 				{ style: getFloatingContentCSSVars("tooltip") },
 				{ style }
 			)}
 			{#if child}
-				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}
+				{@render child({ props: finalProps, wrapperProps: finalWrapperProps, ...contentState.snippetProps })}
 			{:else}
-				<div {...wrapperProps}>
+				<div {...finalWrapperProps}>
 					<div {...finalProps}>
 						{@render children?.()}
 					</div>

package/dist/bits/utilities/text-selection-layer/use-text-selection-layer.svelte.js

@@ -3,6 +3,7 @@ import { watch } from "runed";
 import { on } from "svelte/events";
 import { noop } from "../../../internal/noop.js";
 import { isHTMLElement } from "../../../internal/is.js";
+const noopPointer = () => { };
 globalThis.bitsTextSelectionLayers ??= new Map();
 export class TextSelectionLayerState {
     static create(opts) {
@@ -11,17 +12,28 @@ export class TextSelectionLayerState {
     opts;
     domContext;
     #unsubSelectionLock = noop;
+    #enabledSnapshot = false;
+    #onPointerDownSnapshot = noopPointer;
+    #onPointerUpSnapshot = noopPointer;
     constructor(opts) {
         this.opts = opts;
         this.domContext = new DOMContext(opts.ref);
         let unsubEvents = noop;
-        watch(() => this.opts.enabled.current, (isEnabled) => {
-            if (isEnabled) {
+        watch(() => [
+            this.opts.enabled.current,
+            this.opts.onPointerDown.current,
+            this.opts.onPointerUp.current,
+        ], ([enabled, onPointerDown, onPointerUp]) => {
+            this.#enabledSnapshot = enabled;
+            this.#onPointerDownSnapshot = onPointerDown;
+            this.#onPointerUpSnapshot = onPointerUp;
+            if (enabled) {
                 globalThis.bitsTextSelectionLayers.set(this, this.opts.enabled);
                 unsubEvents();
                 unsubEvents = this.#addEventListeners();
             }
             return () => {
+                this.#enabledSnapshot = false;
                 unsubEvents();
                 this.#resetSelectionLock();
                 globalThis.bitsTextSelectionLayers.delete(this);
@@ -29,12 +41,15 @@ export class TextSelectionLayerState {
         });
     }
     #addEventListeners() {
-        return executeCallbacks(on(this.domContext.getDocument(), "pointerdown", this.#pointerdown), on(this.domContext.getDocument(), "pointerup", composeHandlers(this.#resetSelectionLock, this.opts.onPointerUp.current)));
+        return executeCallbacks(on(this.domContext.getDocument(), "pointerdown", this.#pointerdown), on(this.domContext.getDocument(), "pointerup", composeHandlers(this.#resetSelectionLock, this.#pointerupUserHandler)));
     }
+    #pointerupUserHandler = (e) => {
+        this.#onPointerUpSnapshot(e);
+    };
     #pointerdown = (e) => {
         const node = this.opts.ref.current;
         const target = e.target;
-        if (!isHTMLElement(node) || !isHTMLElement(target) || !this.opts.enabled.current)
+        if (!isHTMLElement(node) || !isHTMLElement(target) || !this.#enabledSnapshot)
             return;
         /**
          * We only lock user-selection overflow if layer is the top most layer and
@@ -43,7 +58,7 @@ export class TextSelectionLayerState {
          */
         if (!isHighestLayer(this) || !contains(node, target))
             return;
-        this.opts.onPointerDown.current(e);
+        this.#onPointerDownSnapshot(e);
         if (e.defaultPrevented)
             return;
         this.#unsubSelectionLock = preventTextSelectionOverflow(node, this.domContext.getDocument().body);

package/package.json

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