[Bug]: The UI Shell in Carbon's Storybook can crash the browser

[paul-balchin-ibm]

Package

@carbon/react

Browser

Chrome

Package version

v1.75.0

React version

No response

Description

Test

Go to Carbon's Storybook > UI Shell > Header > Header w/ Actions and Right Panel.

Click each of the right-hand action buttons many times in quick succession.

What I expected to see

The buttons behave as expected: hover, focus, etc.

What I actually saw

The responsiveness slows down very quickly, eventually the browser crashes.

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-ui-shell-header--header-w-actions-and-right-panel

Steps to reproduce

Test

Go to Carbon's Storybook > UI Shell > Header > Header w/ Actions and Right Panel.

1. Click on the search icon button three times quickly.
2. Click on the notifications icon button three times quickly.
3. Click on the switcher icon button three times quickly.
4. Repeat steps 1, 2, and 3 two more times, quickly.

After the first cycle of clicking each of the buttons three times it's easy to see that the responsiveness has already slowed to a drag. Eventually we stop seeing any responsive updates. After 27 clicks (3 buttons x 3 clicks x 3 cycles) and short wait, the browser crashes.

ui.shell.crashing.browser.mov

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

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