ariakit

Minor Changes

• Added placement prop to PopoverDisclosureArrow component. (#1618)

Patch Changes

• Stopped rendering Menu as role="menubar" on Safari. Now it's role="menu" on all browsers. (#1619)

• Fixed Tooltip position. (#1622)

Patch Changes

• Updated dependencies: [email protected].

Minor Changes

• Removed the modal prop from ComboboxPopover as it wasn't working and doesn't really make sense. If you want to render the combobox popover in a portal, use the portal prop instead. (#1582)

• Changed the scroll behavior when focusing on CompositeItem elements using arrow keys. (#1584)

• The autoFocusOnShow and autoFocusOnHide props on Dialog now support a function value. (#1599)

Patch Changes

• Fixed smooth scrolling when auto focusing Dialog elements on Firefox. (#1599)

• Fixed an issue where ariakit-utils was directly accessing React v18 APIs via a namespace import (import * as React from 'react') and Webpack was raising an error. Changed access to string concatenation so that Webpack is unable to infer that these APIs may not be in the imported package. (#1560)

• Fixed screen reader announcing untouched FormField elements as invalid. (#1588)

• Fixed PopoverArrow styling flash when Popover is flipped. (#1593)

• Fixed scroll jump issue on Popover with portal prop. (#1592)

• Fixed SelectPopover not receiving focus when clicking on Select on Firefox/macOS. (#1585)

• Fixed SelectPopover with modal prop automatically hiding right after clicking on the Select element. (#1590)

• Fixed SelectPopover props when composite is set to false. (#1581)

• Fixed unintended page scroll when pressing Space on the Select component. (#1579)

• Updated dependencies: [email protected].

Minor Changes

• Removed ensureFocus function. (#1599)

Patch Changes

• Fixed an issue where ariakit-utils was directly accessing React v18 APIs via a namespace import (import * as React from 'react') and Webpack was raising an error. Changed access to string concatenation so that Webpack is unable to infer that these APIs may not be in the imported package. (#1560)

• Added focusIntoView function. (#1599)

• Added usePortalRef hook. (#1592)

Patch Changes

• Updated dependencies: [email protected], [email protected].

Patch Changes

• Fixed error when importing ariakit-test in a Node.js environment.

Patch Changes

• Updated dependencies: [email protected].

Major Changes

• The defaultVisible, visible, and setVisible properties on useDisclosureState and derived state hooks have been renamed to defaultOpen, open, and setOpen, respectively. (#1426, #1521)

  Before:

  const dialog = useDialogState({ defaultVisible, visible, setVisible });
  dialog.visible;
  dialog.setVisible;
  

  After:

  const dialog = useDialogState({ defaultOpen, open, setOpen });
  dialog.open;
  dialog.setOpen;
  

Minor Changes

• Improved disclosure detection on Dialog. (#1422)

• Made it easier to programmatically open Menu components using menu.show(). (#1573)

Patch Changes

• Fixed Dialog not auto-detecting the disclosure when animating. (#1422)

• Fixed cases where an animated Dialog wouldn't change its animating state and therefore not move focus. (#1422)

• Fixed behavior when transitioning between sibling Dialog components. (#1422)

• Fixed initial focus on animated Select. (#1570)

• Fixed SelectPopover not focusing on the base element when there's no selected item. (#1557)

Minor Changes

• Components passed to the render function are now wrapped with React.StrictMode. (#1534)

Patch Changes

• Updated dependencies: [email protected].

Minor Changes

• Added FocusTrapRegion component. (#1469)

Patch Changes

• Fixed an issue where ariakit-utils was importing React v18 APIs via named imports. As Webpack/CRA sees that these APIs do not exist on React v17, it would raise an error when an app used React v17. (#1542)

• Fixed Hovercard incorrectly setting autoFocusOnShow to false on strict mode. (#1534)

• Fixed MenuBar initial focus on strict mode. (#1534)

• Fixed Popover initial position. (#1535)

• Fixed Select initial focus on strict mode. (#1532)

• Updated dependencies: [email protected].

Patch Changes

• Fixed ResizeObserver error on Safari 12.

• Updated dependencies: [email protected], [email protected].

Minor Changes

• types: BooleanOrCallback now requires a generic parameter input. (#1534)

Patch Changes

• Fixed an issue where ariakit-utils was importing React v18 APIs via named imports. As Webpack/CRA sees that these APIs do not exist on React v17, it would raise an error when an app used React v17. (#1542)

• Fixed useUpdateEffect and useUpdateLayoutEffect on strict mode. (#1534)

Patch Changes

• Updated dependencies: [email protected], [email protected].

Patch Changes

• Fixed useEvent hook timing. (#1481)

Patch Changes

• Updated dependencies: [email protected].

Patch Changes

• Fixed error regarding accessing isBrowser before initialization. (#1488)

• Updated dependencies: [email protected].

Patch Changes

• Fixed hover not waiting for queued microtasks. (#1433)

• Updated dependencies: [email protected].

Patch Changes

• Adjusted playground scrollbars.

• Updated dependencies: [email protected], [email protected].

Patch Changes

• Fixed addGlobalEventListener when window.frames is undefined. (#1404)

Patch Changes

• Fixed data-focus-visible behavior when using the focusOnHover prop on composite items. (#1433)

• Fixed preventBodyScroll behavior on Dialog. (#1421)

• Fixed Select with modal prop not opening on click. (#1427)

• Updated dependencies: [email protected].