August 25, 2025 Release

Summer might be winding down but we’re definitely not! Back with another release, we have added support for origin-aware overlay animations in Popover and Tooltip, which enable scale transitions to appear as if they are emerging from the trigger. We have also advanced Autocomplete to RC, and added support for filtering GridList, Table, and TagGroup (virtual focus support is still to come). Section support in GridList has also been added as an alpha, laying the groundwork for similar support in Tree and Table.

As always, a big thank you to everyone in the community for your feedback and contributions! ❤️

Enhancements#

  • Button
  • Collection:
    • Add additional selection methods to useListData - @rbuzatto - PR
    • Add maxHorizontalSpace prop to GridLayout and WaterfallLayout - @e-krebs - PR, @yihuiliao - PR
    • Implement filtering on a per CollectionNode basis - @LFDanLu - PR, PR
  • Drag and Drop:
    • Pass item objects to useDragAndDrop getItems in addition to keys - @devongovett - PR
  • Miscellaneous:

Fixes#

  • ComboBox:
    • Ensure that React Aria ComboBox's empty state is rendered when items aren't directly provided to the ComboBox - @LFDanLu - PR
  • Date and Time:
    • Add firstDayOfWeek and pageBehavior to calendarProps in useDatePicker and useDateRangePicker - @Shubhdeep12 - PR, @snowystinger - PR
    • Restore date segment autoadvance when typing leading zeros - @LFDanLu - PR
    • Add DatePicker placeholder for Norwegian Bokmål - @snowystinger - PR
    • Allow user to reset timezone - @jasonvarga - PR
    • Fallback to en-US when locale resolution fails - @nami8824 - PR
  • Drag and Drop:
  • Tabs:
    • Warn users when Tab components are in the wrong order - @snowystinger - PR
    • Fix backward compatibility with old versions of @types/react in Tabs - @MukulAppDev - PR
  • TagGroup:
    • Add role to React Aria TagGroup when there are no items - @yihuiliao - PR
  • Tooltip:
    • Allow user to set containerPadding in React Aria Tooltip - @snowystinger - PR
    • Prevent useTooltipTrigger from setting tabIndex - @abeljohn - PR
  • Menu:
    • Fix pressing Enter key to trigger Menu item links - @devongovett - PR
    • Properly close all Submenu levels when root Menu item is focused and retain focus on hovered Menu items - @LFDanLu - PR
  • Number Parser:
  • Miscellaneous:
    • Export isRTL utility function - @yihuiliao - PR
    • Prevent extraneous re-render in SSR when locale is provided to useLocale - @herkulano - PR
    • Avoid showing placeholder warning on every render - @reidbarber - PR
    • Fix :active selector in tailwindcss-react-aria-components - @reidbarber - PR
    • Replace deprecated mozInputSource check for virtual click detection - @LFDanLu - PR
    • Support backcompatibility for react-aria/util versions referencing UNSTABLE_useLoadMoreSentinel API - @LFDanLu - PR
    • Export VisuallyHidden in react-aria-component package - @nami8824 - PR
    • Update element focusablity checks so that keyboard navigation can skip over specific non-focusable elements - @snowystinger - PR
    • Properly clean up inert on elements when nested non modal dialogs and popovers close at the same time - @LFDanLu - PR

Docs#

Under Construction#

  • GridList
    • Support Sections and Headers in React Aria GridList - @yihuiliao - PR
    • Add React Aria GridList Section docs - @yihuiliao - PR

Released packages#

 - @adobe/react-spectrum@3.44.0
 - @internationalized/date@3.9.0
 - @internationalized/number@3.6.5
 - @react-aria/actiongroup@3.7.20
 - @react-aria/autocomplete@3.0.0-rc.0
 - @react-aria/breadcrumbs@3.5.28
 - @react-aria/button@3.14.1
 - @react-aria/calendar@3.9.1
 - @react-aria/checkbox@3.16.1
 - @react-aria/collections@3.0.0-rc.5
 - @react-aria/color@3.1.1
 - @react-aria/combobox@3.13.1
 - @react-aria/datepicker@3.15.1
 - @react-aria/dialog@3.5.29
 - @react-aria/disclosure@3.0.8
 - @react-aria/dnd@3.11.1
 - @react-aria/focus@3.21.1
 - @react-aria/form@3.1.1
 - @react-aria/grid@3.14.4
 - @react-aria/gridlist@3.14.0
 - @react-aria/i18n@3.12.12
 - @react-aria/interactions@3.25.5
 - @react-aria/label@3.7.21
 - @react-aria/landmark@3.0.6
 - @react-aria/link@3.8.5
 - @react-aria/listbox@3.14.8
 - @react-aria/menu@3.19.1
 - @react-aria/meter@3.4.26
 - @react-aria/numberfield@3.12.1
 - @react-aria/overlays@3.29.0
 - @react-aria/progress@3.4.26
 - @react-aria/radio@3.12.1
 - @react-aria/searchfield@3.8.8
 - @react-aria/select@3.16.1
 - @react-aria/selection@3.25.1
 - @react-aria/separator@3.4.12
 - @react-aria/slider@3.8.1
 - @react-aria/spinbutton@3.6.18
 - @react-aria/steplist@3.0.0-alpha.21
 - @react-aria/switch@3.7.7
 - @react-aria/table@3.17.7
 - @react-aria/tabs@3.10.7
 - @react-aria/tag@3.7.1
 - @react-aria/textfield@3.18.1
 - @react-aria/toast@3.0.7
 - @react-aria/toggle@3.12.1
 - @react-aria/toolbar@3.0.0-beta.20
 - @react-aria/tooltip@3.8.7
 - @react-aria/tree@3.1.3
 - @react-aria/utils@3.30.1
 - @react-aria/virtualizer@4.1.9
 - @react-aria/visually-hidden@3.8.27
 - @react-spectrum/accordion@3.0.10
 - @react-spectrum/actionbar@3.6.11
 - @react-spectrum/actiongroup@3.11.1
 - @react-spectrum/autocomplete@3.0.0-alpha.47
 - @react-spectrum/avatar@3.0.25
 - @react-spectrum/badge@3.1.27
 - @react-spectrum/breadcrumbs@3.9.21
 - @react-spectrum/button@3.17.1
 - @react-spectrum/buttongroup@3.6.25
 - @react-spectrum/calendar@3.7.5
 - @react-spectrum/card@3.0.0-alpha.47
 - @react-spectrum/checkbox@3.10.1
 - @react-spectrum/color@3.1.1
 - @react-spectrum/combobox@3.16.1
 - @react-spectrum/contextualhelp@3.6.25
 - @react-spectrum/datepicker@3.14.5
 - @react-spectrum/dialog@3.9.1
 - @react-spectrum/divider@3.5.26
 - @react-spectrum/dnd@3.6.0
 - @react-spectrum/dropzone@3.0.15
 - @react-spectrum/filetrigger@3.0.15
 - @react-spectrum/form@3.7.18
 - @react-spectrum/icon@3.8.8
 - @react-spectrum/illustratedmessage@3.5.13
 - @react-spectrum/image@3.6.1
 - @react-spectrum/inlinealert@3.2.19
 - @react-spectrum/label@3.16.18
 - @react-spectrum/labeledvalue@3.2.6
 - @react-spectrum/layout@3.6.18
 - @react-spectrum/link@3.6.21
 - @react-spectrum/list@3.10.5
 - @react-spectrum/listbox@3.15.5
 - @react-spectrum/menu@3.22.5
 - @react-spectrum/meter@3.5.13
 - @react-spectrum/numberfield@3.10.1
 - @react-spectrum/overlays@5.8.1
 - @react-spectrum/picker@3.16.1
 - @react-spectrum/progress@3.7.19
 - @react-spectrum/provider@3.10.9
 - @react-spectrum/radio@3.7.20
 - @react-spectrum/s2@0.11.0
 - @react-spectrum/searchfield@3.8.20
 - @react-spectrum/slider@3.8.1
 - @react-spectrum/statuslight@3.5.25
 - @react-spectrum/steplist@3.0.0-alpha.19
 - @react-spectrum/switch@3.6.5
 - @react-spectrum/table@3.17.5
 - @react-spectrum/tabs@3.8.24
 - @react-spectrum/tag@3.3.4
 - @react-spectrum/test-utils@1.0.0-beta.1
 - @react-spectrum/text@3.5.19
 - @react-spectrum/textfield@3.14.1
 - @react-spectrum/theme-dark@3.5.21
 - @react-spectrum/theme-default@3.5.21
 - @react-spectrum/theme-express@3.0.0-alpha.23
 - @react-spectrum/theme-light@3.4.21
 - @react-spectrum/toast@3.1.1
 - @react-spectrum/tooltip@3.7.9
 - @react-spectrum/tree@3.1.5
 - @react-spectrum/utils@3.12.8
 - @react-spectrum/view@3.6.22
 - @react-spectrum/well@3.4.26
 - @react-stately/calendar@3.8.4
 - @react-stately/checkbox@3.7.1
 - @react-stately/collections@3.12.7
 - @react-stately/color@3.9.1
 - @react-stately/combobox@3.11.1
 - @react-stately/data@3.14.0
 - @react-stately/datepicker@3.15.1
 - @react-stately/disclosure@3.0.7
 - @react-stately/dnd@3.7.0
 - @react-stately/form@3.2.1
 - @react-stately/grid@3.11.5
 - @react-stately/layout@4.5.0
 - @react-stately/list@3.13.0
 - @react-stately/menu@3.9.7
 - @react-stately/numberfield@3.10.1
 - @react-stately/overlays@3.6.19
 - @react-stately/radio@3.11.1
 - @react-stately/searchfield@3.5.15
 - @react-stately/select@3.7.1
 - @react-stately/selection@3.20.5
 - @react-stately/slider@3.7.1
 - @react-stately/steplist@3.0.0-alpha.17
 - @react-stately/table@3.15.0
 - @react-stately/tabs@3.8.5
 - @react-stately/toggle@3.9.1
 - @react-stately/tooltip@3.5.7
 - @react-stately/tree@3.9.2
 - @react-stately/virtualizer@4.4.3
 - @react-types/actionbar@3.1.18
 - @react-types/actiongroup@3.4.20
 - @react-types/autocomplete@3.0.0-alpha.34
 - @react-types/avatar@3.0.18
 - @react-types/badge@3.1.20
 - @react-types/breadcrumbs@3.7.16
 - @react-types/button@3.14.0
 - @react-types/buttongroup@3.3.20
 - @react-types/calendar@3.7.4
 - @react-types/card@3.0.0-alpha.39
 - @react-types/checkbox@3.10.1
 - @react-types/color@3.1.1
 - @react-types/combobox@3.13.8
 - @react-types/contextualhelp@3.2.21
 - @react-types/datepicker@3.13.1
 - @react-types/dialog@3.5.21
 - @react-types/divider@3.3.20
 - @react-types/form@3.7.15
 - @react-types/grid@3.3.5
 - @react-types/illustratedmessage@3.3.20
 - @react-types/image@3.5.1
 - @react-types/label@3.9.14
 - @react-types/layout@3.3.26
 - @react-types/link@3.6.4
 - @react-types/list@3.2.31
 - @react-types/listbox@3.7.3
 - @react-types/menu@3.10.4
 - @react-types/meter@3.4.12
 - @react-types/numberfield@3.8.14
 - @react-types/overlays@3.9.1
 - @react-types/progress@3.5.15
 - @react-types/provider@3.8.12
 - @react-types/radio@3.9.1
 - @react-types/searchfield@3.6.5
 - @react-types/select@3.10.1
 - @react-types/shared@3.32.0
 - @react-types/slider@3.8.1
 - @react-types/statuslight@3.3.20
 - @react-types/switch@3.5.14
 - @react-types/table@3.13.3
 - @react-types/tabs@3.3.18
 - @react-types/text@3.3.20
 - @react-types/textfield@3.12.5
 - @react-types/tooltip@3.4.20
 - @react-types/view@3.4.20
 - @react-types/well@3.3.20
 - @spectrum-icons/color@3.5.25
 - @spectrum-icons/express@3.0.0-alpha.29
 - @spectrum-icons/illustrations@3.6.25
 - @spectrum-icons/ui@3.6.19
 - @spectrum-icons/workflow@4.2.24
 - @react-spectrum/codemods@0.7.2
 - react-aria@3.43.0
 - react-aria-components@1.12.0
 - react-stately@3.41.0
 - tailwindcss-react-aria-components@2.0.1