Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Issue: Focus going outside the dialog while pressing tabs multiple time #21742

Closed
RahulShahUI opened this issue Jul 10, 2020 · 4 comments
Labels
accessibility a11y component: dialog This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@RahulShahUI
Copy link

once the Dialog opens and we press tab it's moving to targeted elements but once it's reaching on the last element of the dialog then the focus will go outside the dialog.

in the below image, once the focus comes at the "agree" button and I will press tab then the focus will be lost. in an actual way, it should come to the first element which dialog box is having.

image

@RahulShahUI RahulShahUI added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jul 10, 2020
@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jul 10, 2020
@oliviertassinari
Copy link
Member

Duplicate of #19651

@oliviertassinari oliviertassinari marked this as a duplicate of #19651 Jul 10, 2020
@oliviertassinari
Copy link
Member

Note that the focus moves to the root element of the dialog, it doesn't go outside of it.

@oliviertassinari oliviertassinari added accessibility a11y component: dialog This is the name of the generic UI component, not the React module! component: modal This is the name of the generic UI component, not the React module! and removed component: modal This is the name of the generic UI component, not the React module! labels Jul 10, 2020
@RahulShahUI
Copy link
Author

@oliviertassinari thanks for your reply.

is there any option avialable to keep focus in dialog box only.

ex. after pressing the tab on the "agree" button it will move to the "disagree" button rather than going to the root element.

@oliviertassinari
Copy link
Member

oliviertassinari commented Jul 10, 2020

@RahulShahUI Please subscribe to the duplicated issue, this behavior will come once we close it.

@PaulSavignano might bring in a fix, in a the near future.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: dialog This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

2 participants