Reproduction link
Steps to reproduce
- Open modal
- Use keyboard Tab key to move focus
- Note that focus is "lost" (become invisible) after moving past the OK button, due to focus moving to the hidden div at the top of the modal
What is expected?
Focus should stay within the modal, moving between interactive elements, and should not disappear at any point
What is actually happening?
Focus visually disappears when landing on the non-interactive and invisible hidden
at the top of the modal
| Environment | Info |
|---|---|
| antd | 5.17.0 |
| React | 17 |
| System | Mac Sonoma 14.4.1 (23E224) |
| Browser | Version 124.0.6367.158 (Official Build) (arm64) |
This is technically a failure of the Focus Visible and Focus Order WCAG guidelines:
Focus Visible: https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html
Focus Order: https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html
2条答案
按热度按时间guz6ccqo1#
Looks like there was an attempted resolution for this issue here but it still persists for me after 5.15.0. You might consider moving this issue to the rc-dialog repo @Watso196
ulmd4ohb2#
Gotcha, thanks @scottapow! I've submitted this issue to the rc-dialog repo
react-component/dialog#429