Repository navigation
Update dependency @floating-ui/react to ^0.27.0 - #285
Open
oxide-renovate[bot] wants to merge 1 commit into
Open
oxide-renovate[bot] wants to merge 1 commit into
oxide-renovate[bot] wants to merge 1 commit into
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^0.17.0→^0.27.0Release Notes
floating-ui/floating-ui (@floating-ui/react)
v0.27.20Compare Source
Patch Changes
undefinedfor optional properties withexactOptionalPropertyTypes@floating-ui/react-dom@2.1.9,@floating-ui/utils@0.2.12v0.27.19Compare Source
Patch Changes
@floating-ui/utils@0.2.11,@floating-ui/react-dom@2.1.8v0.27.18Patch Changes
WeakReffor previously focused elementsv0.27.17Patch Changes
@floating-ui/react-dom@2.1.7v0.27.16Compare Source
Patch Changes
@floating-ui/react-dom@2.1.6v0.27.15Compare Source
Patch Changes
@floating-ui/react-dom@2.1.5v0.27.14Compare Source
Patch Changes
data-floating-ui-inert. Fixes outside presses not working when clicking on a parent ancestor node.ShadowRootcontainersaria-selected=trueis present without being active withselectroleFloatingPortalexists. Prevents blockingcloseOnFocusOutbehavior.v0.27.13Compare Source
Patch Changes
role="status"andoutputelements@floating-ui/utils@0.2.10,@floating-ui/react-dom@2.1.4v0.27.12Compare Source
Patch Changes
aria-hidden/inertare cleaned up correctly when mixingoutsideElementsInerttrue/falsev0.27.11Compare Source
Patch Changes
restoreFocusprop@floating-ui/react-dom@2.1.3v0.27.10Compare Source
Patch Changes
v0.27.9Compare Source
Patch Changes
focusItemOnOpenstate when floating element is closed. This prevents the first item being highlighted on open under certain conditions when it shouldn't be.lockScrolldetection on iPadFloatingTreehandleCloseoption and docs. You can now more easily write a custom event handler function, including exported types.lockScrollscrollbar width CSS variable (--floating-ui-scrollbar-width)disabledIndicesto be a functionv0.27.8Compare Source
Patch Changes
@floating-ui/react/utils. This makes it a lot easier to write your own custom interaction hooks, or copy/paste the existing ones to change the way they are implemented yourself without patching or waiting for features/breaking changes.parentOrientationpropv0.27.7Compare Source
Patch Changes
FloatingDelayGroup, this avoids a flicker when moving between floating elements to ensure one is always open with no missing frames.FloatingFocusManagerinitialFocusis not in useNextFloatingDelayGroup(anduseNextFloatingDelayGroup). UnlikeFloatingDelayGroup, this component doesn't cause a re-render of unrelated consumers of the context when the delay changes, improving performance. This will eventually become the new default forFloatingDelayGroupin v1 (Next), as its API is different.safePolygon()and a close delayeventsemittertabIndex=0wheninitialFocusis -1v0.27.6Compare Source
Patch Changes
inlinemiddleware when passing a real DOM element torefs.setPositionReferencedue toelement.getClientRects()not being handledaria-hiddenwhen nested virtual floating element opensinertattribute value to empty string instead of"true"getInsideElementsprop. Allows you to specify elements that are considered as "inside" the floating element. These will avoid being marked witharia-hiddenanddata-floating-ui-inertattributes.:focus-visiblechecksv0.27.5Compare Source
Patch Changes
v0.27.4Compare Source
Patch Changes
v0.27.3Compare Source
Patch Changes
FloatingRootContextas thecontextprop@floating-ui/utils@0.2.9v0.27.2Compare Source
Patch Changes
undefinedfor optional properties withexactOptionalPropertyTypes@floating-ui/react-dom@2.1.9,@floating-ui/utils@0.2.12v0.27.1Compare Source
Patch Changes
@floating-ui/utils@0.2.11,@floating-ui/react-dom@2.1.8v0.27.0Compare Source
Minor Changes
inneranduseInnerOffset. This technique of aligning an inner element to the reference has poor performance with longer lists, doesn't fit with the middleware paradigm, doesn't work on touch, and has a better custom alternative using nativeonScrollthat is encouraged instead.| undefinedreturn type for React 17Patch Changes
outsideElementsInertprop. This enables pointer modality without a backdrop.referencePressoverflowstyle for scrollbar press check. Fixes an issue where outside presses would be incorrectly prevented if the target element that was pressed appeared scrollable but was actually not.v0.26.28Compare Source
Patch Changes
useHover()stickIfOpenprop to determine whether to remain open upon first click when first opened by another eventreturnFocusis ignored correctly when usingdisabledpropv0.26.27Compare Source
Patch Changes
virtualItemRefon floating closerootto be reactive fromnullto an elementv0.26.26Compare Source
Patch Changes
domReferenceinstead ofreferencev0.26.25Compare Source
Patch Changes
restMsenabledoptionmax-heightonly if not scrollablev0.26.24Compare Source
Patch Changes
React.JSX.Elementtypes. Ensure you've upgraded to the latest@types/reactpatches (versions since May 6, 2023)transformstyle propertymaxHeightand applyminItemsVisibleonly when scrollable@floating-ui/react-dom@2.1.2,@floating-ui/utils@0.2.8v0.26.23Compare Source
Patch Changes
onOpenChangereason string forFloatingFocusManager'scloseOnFocusOuthandlingstaticOffsetprop if floating element is shifted. Fixes an issue where the arrow could potentially point to nothing if it was shifted enough from its reference element.onNavigatefrom potentially passing in anundefinedvalue instead ofnullblockPointerEventsno longer addspointer-events: noneto unintended<body>elements.disabledpropv0.26.22Compare Source
Patch Changes
@floating-ui/utils@0.2.7v0.26.21Compare Source
Patch Changes
@floating-ui/utils@0.2.6v0.26.20Compare Source
Patch Changes
focuscall inactinuseFocustests@floating-ui/utils@0.2.5v0.26.19Compare Source
Patch Changes
scrollX/scrollYinstead of deprecatedpageXOffset/pageYOffset@floating-ui/utils@0.2.4v0.26.18Compare Source
Patch Changes
referenceandfloatingprop getters had dependencies grouped.FloatingPortalProps,CompositeProps,CompositeItemPropsuseHoveranduseClickhooks and a click occurred before the floating element could open on hover, it would unexpectedly close onmouseleavedespite being triggered by a click.@floating-ui/utils@0.2.3v0.26.17Compare Source
Patch Changes
restoreFocusprop. 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.v0.26.16Compare Source
Patch Changes
scrollIntoViewandfocusbehavior with virtual focus and inner DOM-focused element +FloatingListundefinedid with unconditional rendering in React <18selectedIndexchanges from stealing focusdisabledIndicesis inferredscripttags needlessly@floating-ui/react-dom@2.1.0v0.26.15Compare Source
Patch Changes
isMountedcheck and remove unneeded initiated state. Prevents an infinite loop when called in a component with an unstable callback ref.v0.26.14Compare Source
Patch Changes
useFloatingRootContextHook, which enables calling interaction hooks in a component higher in the tree thanuseFloatingis called in. This supports spreading reference props onto an "external" reference element.v0.26.13Compare Source
Patch Changes
React_2withReactin generated .d.ts filesReact.JSX.Elementback toJSX.ElementrestMs+ nullish open delay should respectrestMsv0.26.12Compare Source
Patch Changes
dataRefopenEventproperty toundefinedon close. Fixes a minor issue whenuseHoverrestMsis combined withuseClientPointand focus modality was used before hover modality.v0.26.11Compare Source
Patch Changes
mouseOnlyis respected whenrestMsis specified. Also ensurerestMsis always0for touch input.FloatingOverlayPropsGroupContextvalue from the Hook, and don't require anidoption to be passed. You only need to invokeuseDelayGroup()and read the context data from it. As a result,useDelayGroupContext()has been deprecated as it no longer needs to be used.v0.26.10Compare Source
Patch Changes
v0.26.9Compare Source
Patch Changes
v0.26.8Compare Source
Patch Changes
@floating-ui/react-dom@2.0.8v0.26.7Compare Source
Patch Changes
@floating-ui/react-dom@2.0.7v0.26.6Compare Source
Patch Changes
c9c5058: fix(useListNavigation): sync internalindexReftoselectedIndexon open. Fixes an issue where ifselectedIndexchanged after initial render before opening,activeIndexwould not be correctly synced.8b3c93b: fix(utils): check if env is JSDOM forisVirtualPointerEvent. Fixes issue when testingvisibleOnlyprop inuseFocus.d3a773b]v0.26.5Compare Source
Patch Changes
672e458: feat(useListNavigation, Composite): support grid navigation over items with variable sizes4c04669: chore: exports .d.mts types, solves #24726af9808: fix(react/utils): cross-browserisVirtualPointerEvent4c04669]afb7e5e]v0.26.4Compare Source
Patch Changes
7dc269c: feat(useRole): addselectandcomboboxcomponent roles and allowdynamic/derivable item props based on
activeandselectedstates. Alsoadds
menuitemrole for nestedmenureference elements, and automaticallyadds an
idto the item props for the new component roles for virtual focus.d9be248: fix(useListNavigation): applyaria-activedescendantprop onfloating element only for non typeable-combobox reference elements. Fixes
issues with Firefox VoiceOver on Mac forcing DOM focus into the listbox.
v0.26.3Compare Source
Patch Changes
9170b9e: fix(useDismiss):targetRootAncestorcheck for third party outsidepresses
The Grammarly extension no longer closes upon clicking when inside floating
elements.
66efdaf: fix(FloatingFocusManager): return focus to last connected elementv0.26.2Compare Source
Patch Changes
useHover()stickIfOpenprop to determine whether to remain open upon first click when first opened by another eventreturnFocusis ignored correctly when usingdisabledpropv0.26.1Compare Source
Patch Changes
scrollX/scrollYinstead of deprecatedpageXOffset/pageYOffset@floating-ui/utils@0.2.4v0.26.0Compare Source
Minor Changes
0668ed6: feat(useFocus): replacekeyboardOnlyoption withvisibleOnly(matches :focus-visible CSS selector)
Patch Changes
07d8e85: fix(useDismiss): handle dragging outside/inside floating elementwith click
outsidePressEvent841eb03: fix(useFocus): close on blur only if focus remains in documente6d80ef: fix(FloatingFocusManager): treat untrapped combobox reference asnon-modal guards
4144204: fix: virtual event check for Android28659c4: refactor: move react utils to @floating-ui/react/utils28659c4]v0.25.4Compare Source
Patch Changes
8bf6e82: fix(Composite): loop false8d57664: feat(useListNavigation): support nested virtual navigationv0.25.3Compare Source
Features
CompositecomponentsBug Fixes
v0.25.2Compare Source
Bug Fixes
fix(FloatingOverlay): prevent multiple
lockScrolls with delayed unmount from unexpectedly removing laterlockScroll(#2508)fix(FloatingFocusManager): keep modal focus trapped if reference is a
comboboxandinitialFocusis not negative (#2509)v0.25.1Compare Source
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
contextwith generic reference type (#2484)v0.25.0Compare Source
Refactors
@floating-ui/utilspackage (@floating-ui/utils/reactimport) (#2449)Bug Fixes
fix(FloatingPortal): generated
.d.tsfiles have an inline import even though JSX is global (#2457)Remove need for
skipLibCheckin tsconfigfix(useHover): cleanup when
domReferencechanges (#2466)Clears delays and other side effects if the
domReferencechanges (or is removed)fix: add type and runtime error for virtual element passed as
elements.reference(#2467)v0.24.8Compare Source
Bug Fixes
fix:
useClick+useHovercombo (#2444)After hovering then clicking the reference element, the floating element does not close upon
mouseleave(as in <=v0.24.2)feat(FloatingFocusManager):
disabledprop (#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)v0.24.7Compare Source
Bug Fixes
fix(useListNavigation): revert skipping hidden items (#2431)
fix: add check for own instance in
is*guard functions (#2439)Fixes
useHovernot working in new windows (window.open())v0.24.6Compare Source
Bug Fixes
v0.24.5Compare Source
Bug Fixes
v0.24.4Compare Source
Bug Fixes
fix(useListNavigation): automatically skip
hiddenelements that are rendered but invisible (#2397)fix(useMergeRefs): add
undefinedtype (#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 useinertattribute (#2399)v0.24.3Compare Source
Bug Fixes
fix: pass
eventparam as second argument toonOpenChange(#2362)fix(FloatingPortal): give
rootprop priority and allow refs (#2363)v0.24.2Compare Source
Bug Fixes
left/rightplacements when stroke is specified (#2346)v0.24.1Compare Source
Bug Fixes
fix(safePolygon): measure offset bridge from smaller element (#2327)
fix: UMD build name (
FloatingUIReact, notFloatingUIReactDOM) (#2325)fix(FloatingArrow): render
nullif floating element is not available (#2326)v0.24.0Compare Source
Refactors
@floating-ui/react-domto v2 (#2300)View CHANGELOG for breaking changes
Bug Fixes
fix(useTypeahead): opening when typing a space on non-button reference with
useClick, and timing ofonTypingChangecallback setting tofalse(#2305)fix(FloatingArrow): add ability to override internal
styles (#2308)fix(FloatingFocusManager): better handle subtree changes (#2305)
v0.23.1Compare Source
Bug Fixes
fix(FloatingList): properly update when list contains only one item (#2294)
fix(FloatingFocusManager): separate initialFocus and returnFocus effects (#2295)
Wait for unmount transition before returning focus
fix(FloatingFocusManager): ignore outside guards while transitioning out (#2295)
v0.23.0Compare Source
New Features
feat(safePolygon): replace
restMsoption withrequireIntentboolean option (#2284)When multiple reference elements next to each other have hoverable floating elements,
requireIntent(trueby default) ensures the triangle polygon does not block hover events too aggressively compared torestMsby calculating the cursor speed to determine intent.feat:
FloatingListanduseListItemexports (#2269)This enables easy creation of composable children APIs without needing to map
childrenand passing anindexas a prop — including the ability to nest items in another tag or component.Bug Fixes
fix(useClick): ignore Space
keyupif Spacekeydownon same element did not precede it (#2277)fix(useDelayGroupContext):
isInstantPhasebool sometimes being incorrectlyfalse(#2286)fix(FloatingPortal): adjust cleanup strategy to better work with
React.StrictModeand conditional rendering (#2286)v0.22.3Compare Source
Bug Fixes
fix(FloatingFocusManager): respect
autoFocusprop on children (#2264)fix(FloatingFocusManager): wait for tree nodes context to be updated (#2265)
fix(FloatingFocusManager): wait for microtask before selecting tabbable elements for initial focus (#2270)
v0.22.2Compare Source
Bug Fixes
v0.22.1Compare Source
Bug Fixes
fix(useInteractions): merging function props that return values (#2244)
fix(useClientPoint): keep anchored to reference on
autoUpdatein applicable scenarios (#2249)fix(useHover): touch interactivity of floating element without
safePolygon(#2253)fix(useTransitionStyles): reduce initial re-renders (#2254)
v0.22.0Compare Source
Refactors
refactor(FloatingPortal): preserve subroot structure (#2240)
When specifying a custom
rootorid, the floating element is always injected into a new subroot inside of it. The subroot has a unique id to ensurearia-ownsis referenced correctly when multiple floating elements are rendered at the same time. This makes portal container behavior consistent whether props are specified or not.If you don't want the subroot node always in the DOM, the library now supports conditionally rendering
FloatingPortalbased on the open/mounted state.refactor(useFloatingPortalNode): remove
enabledprop (#2240)Bug Fixes
fix(useListNavigation): allow scheduled/async list population on arrow keydown open (#2236)
fix(useDismiss): close when outside press dismissing on an inline element in Firefox (#2238)
fix: allow
FloatingPortalto be conditionally rendered based on open state (#2239)v0.21.1Compare Source
Bug Fixes
v0.21.0Compare Source
New Features
feat:
useClientPointinteraction hook (#2179)This hook provides the ability to position the floating element relative to a client "point" reference. By default, "client" means mouse event coordinates since they possess
clientX/Yvalues, so it follows the cursor when open. You can also use explicitxandyclient coordinates.If you've used Tippy.js, it provides similar functionality to
followCursorwhile being a bit more general.Refactors
refactor(useDismiss): default
bubbles.escapeKeyoption tofalse, and allow bubbling prevention to work without usingFloatingTree(#2207)refactor(useTypeahead): reduce default
resetMsto750from1000(#2213)refactor(FloatingArrow): internally double
strokeWidthso it matchesborderWidthvalues (#2223)strokeWidths larger than the floating element'sborderWidthare not supported.refactor(useTypeahead): add
onTypingChangecallback to allow setting a local ref and deprecatecontext.dataRef.current.typingvalue (#2213)Bug Fixes
fix(useFloating): return extended
elementsfrom hook (#2209)fix(useListNavigation): use mounted rather than open state to focus parent floating in tree (#2210)
fix(FloatingFocusManager): make
initialFocusandreturnFocusnon-reactive (#2211)fix: share
floatingIdviacontextobject (#2203)fix(FloatingFocusManager): reset preventing
returnFocuswithcloseOnFocusOut={false}when tabbing out then back in (#2214)fix(FloatingFocusManager): mutate internal preventReturnFocusRef instead of returnFocusRef (#2215)
fix(useTypeahead): improve logic (#2213)
rolebe set and stop propagation/prevent default if typeahead is in usefix(FloatingFocusManager): ensure
returnFocusof a nested floating element can return to a root reference if it wasn't focused upon open (such as with a pointer) (#2221)fix(FloatingArrow): prevent transparency overlap if the floating element border and stroke are both partially transparent (#2223)
fix(FloatingFocusManager): ensure
initialFocusworks if re-opening floating element while it was transitioning out (#2221)fix(FloatingArrow): ensure correct vertical size with larger stroke widths (#2223)
fix(FloatingArrow): allow
height>width(#2223)v0.20.1Compare Source
Bug Fixes
v0.20.0Compare Source
New Features
feat:
FloatingArrowcomponent (#2195)Provides the ability to render a customizable
<svg>arrow element within a floating element that is automatically positioned, without needing to setup complex styles.v0.19.2Compare Source
Bug Fixes
fix(useTypeahead): allow typeahead when
currentTargetcontainstarget(#2173)fix(types): re-export middleware options types (#2175)
fix(useTransitionStyles): apply initial styles in
unmountedstatus (#2177)This allows a
transition-delayprop style to work correctly on the first/initial render.fix(useHover): ensure scrolling away from reference after hovering it closes floating element when
safePolygonis being used with a closedelayand the cursor did not move (#2178)fix(useHover): prevent floating element from closing when it overlaps the reference element when using
safePolygon(#2180)fix: allow
platformobject to be passed to theuseFloatinghook (#2176)fix(types): add
@deprecationnotice to non-ref nested element setters (#2175)[
v0.19.1](httpConfiguration
📅 Schedule: (in timezone America/Los_Angeles)
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate CLI.