fix: avoidCollisions (#984)

huntabyte · Dec 8, 2024 · 497e5e1 · 497e5e1
1 parent a0da6af
commit 497e5e1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/heavy-boats-drive.md b/.changeset/heavy-boats-drive.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix: `avoidCollisions` in Floating UI components
diff --git a/packages/bits-ui/src/lib/bits/utilities/floating-layer/useFloatingLayer.svelte.ts b/packages/bits-ui/src/lib/bits/utilities/floating-layer/useFloatingLayer.svelte.ts
@@ -145,14 +145,14 @@ class FloatingContentState {
 					mainAxis: this.#sideOffset.current + this.#arrowHeight,
 					alignmentAxis: this.#alignOffset.current,
 				}),
-				this.#avoidCollisions &&
+				this.#avoidCollisions.current &&
 					shift({
 						mainAxis: true,
 						crossAxis: false,
 						limiter: this.#sticky.current === "partial" ? limitShift() : undefined,
 						...this.detectOverflowOptions,
 					}),
-				this.#avoidCollisions && flip({ ...this.detectOverflowOptions }),
+				this.#avoidCollisions.current && flip({ ...this.detectOverflowOptions }),
 				size({
 					...this.detectOverflowOptions,
 					apply: ({ rects, availableWidth, availableHeight }) => {