A JavaScript library to position floating elements and create interactions for them.
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] about 1 year ago
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)
Published by github-actions[bot] about 1 year ago
moduleResolution: "NodeNext"
(#2473)Published by github-actions[bot] about 1 year ago
moduleResolution: "NodeNext"
(#2473)Published by github-actions[bot] about 1 year ago
Export getContainingBlock
utility from /dom
(#2474)
fix(types): resolution when using moduleResolution: "NodeNext"
(#2473)
Published by github-actions[bot] about 1 year ago
@floating-ui/utils
package (@floating-ui/utils/react
import) (#2449)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)
Published by github-actions[bot] about 1 year ago
@floating-ui/utils
package (@floating-ui/utils/dom
import) (#2449)Published by github-actions[bot] about 1 year ago
@floating-ui/utils
package (#2449)Published by github-actions[bot] about 1 year ago
Published by github-actions[bot] over 1 year ago
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)
Published by github-actions[bot] over 1 year ago
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)
Published by github-actions[bot] over 1 year ago
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()
)
Published by github-actions[bot] over 1 year ago
fix: avoid documentElement
error in testing envs (#2438)
fix: add check for own instance in is*
guard functions (#2439)
Published by github-actions[bot] over 1 year ago
Published by github-actions[bot] over 1 year ago
Published by github-actions[bot] over 1 year ago
Published by github-actions[bot] over 1 year ago
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)
Published by github-actions[bot] over 1 year ago
fix(autoUpdate): handle layoutShift
in iframe
s (#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)
Published by github-actions[bot] over 1 year ago
IntersectionObserver
threshold (#2390)Published by github-actions[bot] over 1 year ago
layoutShift
checks (#2384)Published by github-actions[bot] over 1 year ago
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).
fix: loop in tests with mocked Node
(#2383)
fix(autoUpdate): animationFrame: true
preventing updates if reference element is fixed (#2373)