React Aria
DocsReleasesBlog
React Aria
Releases

v1.19.0

This release adds support for full interaction with embedded text fields and other interactive elements in GridList and Tree with the keyboardNavigationBehavior prop. Autocomplete and Popover gain several improvements to support inline completions, including a new getTargetRect prop on Popover for positioning overlays relative to arbitrary character positions. Menu's onAction callback now provides both the item key and value, and DragTypes.has() accepts multiple MIME types and wildcards.

Breaking Changes

@react-aria/optimize-locales-plugin has been bumped by a major version due to upgrading from unplugin@1 to unplugin@2. This was necessary to support Node 26, which removed a deprecated API used by unplugin@1. If you are using webpack 4, you will need to either stay on the previous version of the plugin or upgrade to webpack 5.

Changelog

General Changes

  • Fix crash in isFocusable and isElementVisible when called on a node detached from a browsing context - @reidbarber - PR
  • Improve tree shaking in the optimizeLocales build plugin - @bhovhannes - PR
  • Fix crash in test environments where HTMLElement.prototype.focus is defined as a getter-only accessor property - @antododo - PR
  • Update optimize-locales-plugin compatibility with Node.js 26 - @bhovhannes - PR
  • Support not-* variants in tailwindcss-react-aria-components - @mehdibha - PR

Autocomplete

  • Fix virtual focus not being applied to the first matching item when typing with a CJK IME - @Lucas20000903 - PR
  • Add inline completions example to Autocomplete documentation - @devongovett - PR, PR

Calendar

  • Fix CalendarYearPicker to include the maxValue year in its selectable range - @chirokas - PR

Drag and Drop

  • Allow DragTypes.has() to accept multiple MIME types and wildcard patterns such as image/* - @devongovett - PR

GridList

  • Add keyboardNavigationBehavior prop to support textfields and other interactive elements inside of rows - @LFDanLu - PR, PR

Menu

  • Update onAction to receive both the item's key and its value as arguments - @devongovett - PR

Popover

  • Add getTargetRect prop to Popover for positioning relative to an arbitrary rectangle or character position within a text field - @devongovett - PR

Tree

  • Add keyboardNavigationBehavior prop support textfields and other interactive elements inside of rows - @LFDanLu - PR, PR

Released packages

 - @react-types/shared@3.36.0
 - @react-aria/optimize-locales-plugin@2.0.0
 - @react-aria/parcel-resolver-optimize-locales@1.4.0
 - react-aria@3.50.0
 - react-aria-components@1.19.0
 - react-stately@3.48.0
 - tailwindcss-react-aria-components@2.2.0