React Sidenav Rail - Broken Interactions In Storybook

[hshockley]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

Almost any interaction with the sidenav menu's results in peculiar behavior. Expanding all of the menus and then clicking any of the items then collapses all of the menus. Clicking one submenu has also resulted in another sidenav menu expanding or all of them being expanded again.

Is this issue related to a specific component?

Sidenav Rail

What browser are you working in?

Chrome Version 77.0.3865.120

What version of the Carbon Design System are you using?

v10.7.1

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

Rocket Software

Steps to reproduce the issue

1. Open the storybook and navigate to either of the rail stories of the ui shell
2. Click to expand all of the sidenav menus
3. Click on any of the items of the sidenav menus

[hshockley]

This issue seems to be related to the focus event listeners that are added on by default. Disabling them seems to solve the issue but introduces accessibility issues as tabbing through the sidenav does not expand it.
https://q0dy1.csb.app/