fix: positioning auto update

.changeset/little-pillows-grab.md

@@ -0,0 +1,5 @@
+---
+"@zag-js/popper": patch
+---
+
+Fix issue where positioned components don't respond to window resizing.

packages/utilities/popper/package.json

@@ -24,7 +24,6 @@
   },
   "dependencies": {
     "@zag-js/dom-query": "workspace:*",
-    "@zag-js/element-rect": "workspace:*",
     "@zag-js/utils": "workspace:*",
     "@floating-ui/dom": "1.6.1"
   },

packages/utilities/popper/src/get-placement.ts

@@ -1,8 +1,7 @@
-import type { Middleware } from "@floating-ui/dom"
-import { arrow, computePosition, flip, offset, shift, size } from "@floating-ui/dom"
+import type { AutoUpdateOptions, Middleware } from "@floating-ui/dom"
+import { arrow, autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom"
 import { getWindow, raf } from "@zag-js/dom-query"
-import { compact, isNull, runIfFn } from "@zag-js/utils"
-import { autoUpdate } from "./auto-update"
+import { compact, isNull, noop, runIfFn } from "@zag-js/utils"
 import { getAnchorElement } from "./get-anchor"
 import { __shiftArrow, __transformOrigin } from "./middleware"
 import { getPlacementDetails } from "./placement"
@@ -93,6 +92,14 @@ function __size(opts: PositioningOptions) {
   })
 }
 
+function getAutoUpdateOptions(opts?: boolean | AutoUpdateOptions): AutoUpdateOptions {
+  if (!opts) return {}
+  if (opts === true) {
+    return { ancestorResize: true, ancestorScroll: true, elementResize: true, layoutShift: true }
+  }
+  return opts
+}
+
 function getPlacementImpl(referenceOrVirtual: MaybeRectElement, floating: MaybeElement, opts: PositioningOptions = {}) {
   const reference = getAnchorElement(referenceOrVirtual, opts.getAnchorRect)
 
@@ -158,7 +165,8 @@ function getPlacementImpl(referenceOrVirtual: MaybeRectElement, floating: MaybeE
     }
   }
 
-  const cancelAutoUpdate = options.listeners ? autoUpdate(reference, floating, update, options.listeners) : undefined
+  const autoUpdateOptions = getAutoUpdateOptions(options.listeners)
+  const cancelAutoUpdate = options.listeners ? autoUpdate(reference, floating, update, autoUpdateOptions) : noop
 
   update()
 

packages/utilities/popper/src/types.ts

@@ -1,5 +1,4 @@
-import type { Boundary, ComputePositionReturn, Placement, VirtualElement } from "@floating-ui/dom"
-import type { AutoUpdateOptions } from "./auto-update"
+import type { AutoUpdateOptions, Boundary, ComputePositionReturn, Placement, VirtualElement } from "@floating-ui/dom"
 
 export type MaybeRectElement = HTMLElement | VirtualElement | null