floating-ui

Bug Fixes

• fix(types): resolution when using moduleResolution: "NodeNext" (#2473)

• fix(useDismiss): ignore outsidePress on third party elements injected after floating element renders (#2471)

• fix(FloatingArrow): type error when passing context with generic reference type (#2484)

Bug Fixes

• fix(types): resolution when using moduleResolution: "NodeNext" (#2473)

Bug Fixes

• fix(types): resolution when using moduleResolution: "NodeNext" (#2473)

Bug Fixes

• Export getContainingBlock utility from /dom (#2474)

• fix(types): resolution when using moduleResolution: "NodeNext" (#2473)

Refactors

• Split utils into @floating-ui/utils package (@floating-ui/utils/react import) (#2449)

Bug Fixes

• fix(FloatingPortal): generated .d.ts files have an inline import even though JSX is global (#2457)

  Remove need for skipLibCheck in tsconfig

• fix(useHover): cleanup when domReference changes (#2466)

  Clears delays and other side effects if the domReference changes (or is removed)

• fix: add type and runtime error for virtual element passed as elements.reference (#2467)

Refactors

• Split utils into @floating-ui/utils package (@floating-ui/utils/dom import) (#2449)

Refactors

• Split utils into @floating-ui/utils package (#2449)

New Features

• Initial release (#2449)

Bug Fixes

• fix: widen type for ArrowOptions.element (#2450)

  Allows MaybeElement<Element> instead of MaybeElement<HTMLElement> to improve interaction with Vue's Function Refs

• fix: avoid arrow re-export collision (#2450)

Bug Fixes

• fix: useClick + useHover combo (#2444)

  After hovering then clicking the reference element, the floating element does not close upon mouseleave (as in <=v0.24.2)

• feat(FloatingFocusManager): disabled prop (#2445)

  Provides ability to enable/disable the focus manager without conditional rendering, e.g. to prevent focus trap or initial focus until a transition completes

• fix(types): export FloatingFocusManagerProps (#2445)

Bug Fixes

• fix(useListNavigation): revert skipping hidden items (#2431)

• fix: add check for own instance in is* guard functions (#2439)

  Fixes useHover not working in new windows (window.open())

Bug Fixes

• fix: avoid documentElement error in testing envs (#2438)

• fix: add check for own instance in is* guard functions (#2439)

Bug Fixes

• fix(useDismiss): revert third party element detection (#2426)

Bug Fixes

• fix: positioning when pinch-zooming in Safari (#2422)

Bug Fixes

• fix(useDismiss): check inert marker on siblings of outside press target element (#2416)

Bug Fixes

• fix(useListNavigation): automatically skip hidden elements that are rendered but invisible (#2397)

• fix(useMergeRefs): add undefined type (#2387)

• fix(useDismiss): prevent outside press dismissal on elements injected outside app root after a modal floating element renders to better support third party extensions (#2399)

• fix(inner): take into account floating element clientTop (borders) (#2412)

• fix(FloatingFocusManager): refactor guards={false} prop to use inert attribute (#2399)

Bug Fixes

• fix(autoUpdate): handle layoutShift in iframes (#2400)

• fix(autoUpdate): prevent ResizeObserver loop error when using size middleware when the reference element resizes (#2335)

• fix(autoUpdate): check if ResizeObserver exists to support testing envs by default (#2401)

• fix: incorrect positioning for position: fixed floating elements inside containers with container-type style (container queries) (#2402)

Bug Fixes

• fix(autoUpdate): prevent potential crash with IntersectionObserver threshold (#2390)

Bug Fixes

• fix(autoUpdate): layoutShift checks (#2384)

New Features

• feat(autoUpdate): add layoutShift option (true by default) to detect when the reference element moves on the screen. Thank you to @samthor for the technique using IntersectionObserver. (#2373)

  If you were using animationFrame: true for this purpose, you can now disable the option and use the defaults for layout shift checks. That option should now only be used if you need the floating element to stay anchored either during an animation using transform of the reference element, or for nested portaled floating elements (if necessary).

Bug Fixes

• fix: loop in tests with mocked Node (#2383)

• fix(autoUpdate): animationFrame: true preventing updates if reference element is fixed (#2373)