[Bug]: nav__submenu attribute aria-expanded is intruppted when using SideNav with overlay

[adamlsmith981]

Package

@carbon/react

Browser

Chrome

Package version

1.82.1

React version

No response

Description

For an issue I am working on in a react project that uses the SideNav component similar to: https://react.carbondesignsystem.com/?path=/story/components-ui-shell-sidenav--side-nav-rail-w-header, where there are submenu's, we are having an issue being able to identify whether that submenu is expanded or not when the overlay of the SideNav is collapsed. Despite the attribute aria-expanded getting correctly updated to true when you click on the submenu drop down to see the subitems, if you are using a SideNav overlay, the aria-expanded will get reset to false, despite the user not collapsing the submenu.

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-ui-shell-sidenav--side-nav-rail-w-header

Steps to reproduce

• From the story provided, keep an eye on the aria-expanded attribute for the button which opens up the SideNav sub menu.
• Hover over the menu to expand the SideNav
• Click on one of the submenu's, expanding a list of subitems. Notice that aria-expanded in the button updates to true.
• Once finished hovering over the SideNav, notice that when the overlay collapses, the aria-expanded attribute gets set to false despite not collapsing the menu.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

Event Endpoint Management

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems