chakra-ui/zag @zag-js/floating-panel@1.45.0

on GitHub

Patch Changes

• 264fc2f Thanks
  @segunadebayo! - Fixed issue where strategy: "absolute" positioned the panel
  outside its boundary. The machine computes viewport coordinates, which absolute resolves against the offset parent
  instead. Absolute panels are now placed correctly, and are clipped by a scrolling boundary as expected.

  const service = useMachine(floatingPanel.machine, {
    strategy: "absolute",
    getBoundaryEl: () => boundaryRef.current,
  })

• 4fada6f Thanks
  @segunadebayo! - Fixed issue where the panel did not follow its boundary element
  when an ancestor scrolled, leaving it visually outside the boundary until it was moved.

  const service = useMachine(floatingPanel.machine, {
    getBoundaryEl: () => boundaryRef.current,
  })

• cfb5874 Thanks
  @segunadebayo! - Fixed issue where there was no way to open a dialog without moving
  focus.

  • initialFocusEl can now return false to skip moving focus. Returning null uses the default.
  • Fixed issue where the popover's autoFocus={false} was ignored for modal popovers.

  const service = useMachine(dialog.machine, {
    initialFocusEl: () => false,
  })

• Updated dependencies [cfb5874,
  a125167,
  647e225]:

  • @zag-js/dom-query@1.45.0
  • @zag-js/utils@1.45.0
  • @zag-js/core@1.45.0
  • @zag-js/anatomy@1.45.0
  • @zag-js/types@1.45.0
  • @zag-js/rect-utils@1.45.0