[a11y]: Date picker calendar, if dismissed with Esc without interacting, cannot be retriggere #14772
Open
2 tasks done
Labels
component: date-picker
role: dev 🤖
severity: 3
https://ibm.biz/carbon-severity
type: a11y ♿
type: bug 🐛
Package
@carbon/react
Browser
Chrome
Operating System
MacOS
Package version
https://react.carbondesignsystem.com/?path=/story/components-datepicker--single-with-calendar#storybook-preview-wrapper
React version
https://react.carbondesignsystem.com/?path=/story/components-datepicker--single-with-calendar#storybook-preview-wrapper
Automated testing tool and ruleset
n/a
Assistive technology
No response
Description
Although the function to dismiss the calendar with Esc was implemented in #12567 there is a new bug as a result of that.
Basically, if I immediately dismiss the calendar by pressing Esc, without actually going into the calendar, it seems impossible to make the calendar reappear with a keyboard. I'm still able to with a mouse by:
NOTE that if I first arrow into the calendar before dismissing, the functionality is fine. So whatever is triggering the calendar to 'reset' after being dismissed is somehow failing if the focus isn't first moved to the calendar before it is dismissed.
WCAG 2.1 Violation
2.1.1 Keyboard
Reproduction/example
https://react.carbondesignsystem.com/?path=/story/components-datepicker--single-with-calendar#storybook-preview-wrapper
Steps to reproduce
Note that if I use a mouse or actually navigate to the calendar before dismissing with Esc, the calendar will appear when it gets focus again:
The same behaviour can be realized with a mouse
Code of Conduct
The text was updated successfully, but these errors were encountered: