A JavaScript library to position floating elements and create interactions for them.
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] 4 months ago
MaybeReadonlyRefOrGetter
in useFloating
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
scrollX
/scrollY
instead of deprecated pageXOffset
/pageYOffset
Published by github-actions[bot] 4 months ago
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
scrollX
/scrollY
instead of deprecated pageXOffset
/pageYOffset
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
Published by github-actions[bot] 4 months ago
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
getClientRects()
method to VirtualElement
Published by github-actions[bot] 4 months ago
reference
and floating
prop getters had dependencies grouped.FloatingPortalProps
, CompositeProps
, CompositeItemProps
useHover
and useClick
hooks and a click occurred before the floating element could open on hover, it would unexpectedly close on mouseleave
despite being triggered by a click.@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
getClientRects()
method to VirtualElement
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
bestFit
algorithm to only use initialPlacement
or y
side axis with fallbackAxisSideDirection
@floating-ui/[email protected]
Published by github-actions[bot] 4 months ago
restoreFocus
prop. This enables automatic restoration of focus to the nearest tabbable element if the element that currently has focus inside the floating element is removed from the DOM.Published by github-actions[bot] 5 months ago
const [value, setValue] = React.useState(0);
const offset1 = offset(value); // reactive
const offset2 = offset(() => value); // NOT reactive
const offset3 = offset(() => value, [value]); // reactive
This also includes size
's apply
function:
size(
{
apply() {
value; // reactive
},
},
[value],
);
Published by github-actions[bot] 5 months ago
const [value, setValue] = React.useState(0);
const offset1 = offset(value); // reactive
const offset2 = offset(() => value); // NOT reactive
const offset3 = offset(() => value, [value]); // reactive
This also includes size
's apply
function:
size(
{
apply() {
value; // reactive
},
},
[value],
);
Published by github-actions[bot] 5 months ago
scrollIntoView
and focus
behavior with virtual focus and inner DOM-focused element + FloatingList
undefined
id with unconditional rendering in React <18selectedIndex
changes from stealing focusdisabledIndices
is inferredscript
tags needlessly@floating-ui/[email protected]
Published by github-actions[bot] 5 months ago
isMounted
check and remove unneeded initiated state. Prevents an infinite loop when called in a component with an unstable callback ref.Published by github-actions[bot] 5 months ago
shift({crossAxis: true})
Published by github-actions[bot] 6 months ago
useFloatingRootContext
Hook, which enables calling interaction hooks in a component higher in the tree than useFloating
is called in. This supports spreading reference props onto an "external" reference element. External reference documentation.Published by github-actions[bot] 6 months ago
<svg>
arrow element offsetParent
. Fixes arrow positioning when styling an inner element of the floating element with a border.clippingAncestors
collision boundary for top layer elementsOffsetOptions
aliasPublished by github-actions[bot] 6 months ago
DOMRect
types