@ariakit/react@0.3.3
Patch Changes
-
#2820
Added missingaria-haspopup
attribute toDialogDisclosure
andPopoverDisclosure
. -
#2858
Fixed thesetValueOnMove
state on the Select module not syncing between multiple stores.The following now works as expected:
const store1 = useSelectStore(); const store2 = useSelectStore({ store: store1, setValueOnMove: true }); store1.useState("setValueOnMove") === store2.useState("setValueOnMove"); // true
-
#2862
Elements inside Dialog and derived components are now properly disabled when the dialog is animating out. -
#2862
Fixed a bug that occurred when rendering nested Dialog elements with a third-party dialog interspersed.Previously, Ariakit didn't recognize the third-party dialog as a nested dialog when the lowest dialog opened.
-
#2862
ThehideOnEscape
prop is now triggered during the capture phase.Essentially, this means that you can now prevent the propagation of the Escape keydown event to other elements in the DOM when it's used to close an Ariakit Dialog:
<Dialog hideOnEscape={(event) => { event.stopPropagation(); return true; }} />
-
#2862
Fixed an issue where the Dialog component would automatically hide when parent dialogs closed.You can now render nested dialogs in the React tree and keep them open independently, provided they're not unmounted.
-
#2862
Fixed the Focusable and its derived components that were incorrectly calling theonFocusVisible
callback prop when the element had lost focus.This didn't align with the behavior of the
data-focus-visible
attribute. The behavior now mirrors the attribute, which will only be omitted from the element ifevent.preventDefault()
is invoked from within theonFocusVisible
callback. -
#2862
Themodal
prop is now automatically disabled on nestedMenu
components. -
#2869
Fixed uncaughtmsg.startsWith
error. -
Improved JSDocs.
-
Updated dependencies:
@ariakit/react-core@0.3.3
.