carbon
carbon copied to clipboard
[Bug]: Notification throws an error when Close button is clicked followed by the tab key.
Package
@carbon/react
Browser
Chrome
Package version
v1.55.0. but also happening in Storybook v1.60.2
React version
v17.0.2
Description
Dismissible ActionableNotification throws an error after the Close button is clicked followed by the TAB key. This happens in my app as well as the Storybook.
Reproduction/example
https://stackblitz.com/edit/github-kmjq22?file=src%2FApp.jsx
Steps to reproduce
Click on close button, or ENTER. Press tab key. Check browser console to see error:
@carbon_react.js?v=0e718ee7:95534 Uncaught TypeError: Cannot read properties of null (reading 'contains')
at HTMLDocument.handleKeyDown (@carbon_react.js?v=0e718ee7:95534:103)
Suggested Severity
None
Application/PAL
Instana
Code of Conduct
- [X] I agree to follow this project's Code of Conduct
- [X] I checked the current issues for duplicate problems