All Versions
Latest Version
Avg Release Cycle
53 days
Latest Release

Changelog History
Page 1

  • v5.0.0 Changes

    ๐Ÿ‘ React Accessible Accordion now supports React 18 with its out-of-order streaming ๐Ÿ”‹ feature.

    The new out-of-order streaming feature required using React 18's useId hook. This affects the DOM ids that RAA generates, changing from accordion__heading-raa-0 (React 16 and 17) to accordion__heading-:r0: (React 18). Although this change shouldn't affect most users, if you have any code that selects ids with DOM APIs such as document.querySelector() then the : characters will need escaping with \\ eg. document.querySelector('#accordion__heading-\\:r0\\:').

    When using older versions of React 16 or 17 the same DOM ids will be generated.

    โฌ†๏ธ Because of this change in behaviour this is a major version upgrade.

  • v4.0.0 Changes

    Making role="region" optional on panels.

    0๏ธโƒฃ The new behaviour has no role="region" by default, and developers can opt-in using the region prop as <AccordionItemPanel region>.

    The previous behaviour had every panel as a role="region" which created an excessive amount of regions for the screen reader.

    โฌ†๏ธ Because of this change in behaviour this is a major version upgrade.

  • v3.3.3 Changes

    August 06, 2020

    ๐Ÿ› Bug fix release. See

  • v3.3.2

    August 06, 2020
  • v3.3.1

    July 20, 2020
  • v3.3.0 Changes

    July 06, 2020

    ๐Ÿ”„ Changed

    • Bundle size reduction
  • v3.2.0 Changes

    July 03, 2020

    โž• Added

    • Use console.error when provided with invalid HTML5 ids
  • v3.1.1 Changes

    July 03, 2020

    ๐Ÿ›  Fixed

    • Use hidden capabilities rather than something needing custom css everywhere.
  • v3.1.0 Changes

    July 01, 2020

    โž• Added

    • New AccordionItem property: dangerouslySetExpanded enabling external control of the expansion.
    • ๐Ÿ‘ New AccordionItem property: activeClassName to support expansion-related styles

    ๐Ÿ›  Fixed

    • ๐Ÿ‘ hidden support on Microsoft Edge
  • v3.0.1 Changes

    November 14, 2019

    ๐Ÿ›  Fixed

    • ๐Ÿ”จ Refactor away Array.prototype.findIndex in favour of Array.prototype.indexOf to reinstate IE 11 compatibility without use of a polyfill (#237, #224).