Issue Summary

On the "Find an issue" page, Focus does not moves inside "Details" non-modal dialog.

Steps to Reproduce

1. Navigate to “Projects” menu pop-up link and activate it.
2. Navigate to “View all project” link and activate it
3. Navigate to "kanban" link present in data table and activate it.
4. Navigate to "View all issues and filter" link and activate it.
5. Navigate to "Details" link and activate it.
6. Observe a dialog appears.
7.  Try to navigate through the dialog content.
8. Observe that focus is not set onto the dialog.

Actual Result

The programmatic focus remains on the triggering element itself when the "Details" dialog appears. Even though dialog is visible on the screen after the triggering element, the content is available at the end of the page for keyboard-only and screen reader users. As a result, screen reader users and keyboard-only users to tab pass the content on the page before they can interact with the non-modal dialog.

Expected Result

Make sure that the programmatic focus should be set on the first logical element of the dialog as soon as dialog appears.

Screen Recording

Screen Recording 2023-04-11 at 6.32.37 PM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest