fix(Multiple): ensure preventOverflowTextSelection prop is applied (#1435)

Author: huntabyte

.changeset/forty-parrots-agree.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix(Multiple): ensure `preventOverflowTextSelection` prop is applied

packages/bits-ui/src/lib/bits/utilities/text-selection-layer/text-selection-layer.svelte

@@ -15,10 +15,9 @@
 
 	useTextSelectionLayer({
 		id: box.with(() => id),
-		preventOverflowTextSelection: box.with(() => preventOverflowTextSelection),
 		onPointerDown: box.with(() => onPointerDown),
 		onPointerUp: box.with(() => onPointerUp),
-		enabled: box.with(() => enabled),
+		enabled: box.with(() => enabled && preventOverflowTextSelection),
 	});
 </script>
 

packages/bits-ui/src/lib/bits/utilities/text-selection-layer/use-text-selection-layer.svelte.ts

@@ -13,15 +13,17 @@ import { noop } from "$lib/internal/noop.js";
 import { isHTMLElement } from "$lib/internal/is.js";
 import { isOrContainsTarget } from "$lib/internal/elements.js";
 
-type StateProps = ReadableBoxedValues<Required<Omit<TextSelectionLayerImplProps, "children">>>;
+type TextSelectionLayerStateProps = ReadableBoxedValues<
+	Required<Omit<TextSelectionLayerImplProps, "children" | "preventOverflowTextSelection">>
+>;
 
 globalThis.bitsTextSelectionLayers ??= new Map<TextSelectionLayerState, ReadableBox<boolean>>();
 
 export class TextSelectionLayerState {
 	#unsubSelectionLock = noop;
 	#ref = box<HTMLElement | null>(null);
 
-	constructor(readonly opts: StateProps) {
+	constructor(readonly opts: TextSelectionLayerStateProps) {
 		useRefById({
 			id: opts.id,
 			ref: this.#ref,
@@ -79,7 +81,7 @@ export class TextSelectionLayerState {
 	};
 }
 
-export function useTextSelectionLayer(props: StateProps) {
+export function useTextSelectionLayer(props: TextSelectionLayerStateProps) {
 	return new TextSelectionLayerState(props);
 }