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

The Dialog allows the users to tab outside it #269

Open
PekoPPT opened this issue Aug 3, 2022 · 1 comment
Open

The Dialog allows the users to tab outside it #269

PekoPPT opened this issue Aug 3, 2022 · 1 comment
Labels
Bug Item which indicates that something is not working SEV: Medium

Comments

@PekoPPT
Copy link
Contributor

PekoPPT commented Aug 3, 2022

Describe the bug
By default, the Dialog component is a modal window. This means that once the Dialog appears, the page elements are the only ones the users can interact with.

Currently, if you use the keyboard navigation functionality of the Dialog, after pressing the Tab key multiple time, the focus will be on the "Open dialog" button below the modal. This should not happen.

To Reproduce

  1. Open this StackBlitz example
  2. Click on the "Open in new window" button to open the example in a separate window/tab
  3. In the new window, click on the "Open dialog" button
  4. Once the Dialog is opened, press the Tab button 8 times and press Enter
  5. The Dialog will be closed because, after the 8th Enter press, the focus will be again on the "Open dialog" button below the modal area.

Expected behavior
When using the keyboard navigation of the Dialog component, the focus shouldn't be transferred to the elements below the modal area. It should be kept among the elements that are displayed in the Dialog.

@PekoPPT PekoPPT added Bug Item which indicates that something is not working SEV: Medium labels Aug 3, 2022
@PekoPPT
Copy link
Contributor Author

PekoPPT commented May 31, 2023

Reported in ticket 1610810

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working SEV: Medium
Projects
None yet
Development

No branches or pull requests

1 participant