Issue Summary

On the "Search" page, Focus does not moves inside "Columns" non-modal dialog.

Steps to Reproduce

1. Navigate to any "projects" button  in the header and select any project.
2. Navigate to the "View all issues and filters" link and activate it.
3. Navigate to the "columns" button and activate it.
4. Observe that the "columns" modal dialog will appear.
5. Observe a dialog appears.
6.  Try to navigate through the dialog content.
7. Observe that focus is not set onto the dialog.

Screen recording

20.06.2024_23.59.27_REC.mp4

Actual Result

The programmatic focus remains on the triggering element itself when the "Columns" 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.

Workaround

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

Environment

Chrome- Version 121.0.6167.140 (Official Build) (64-bit)
Operation System- Windows 11
MacBook Pro (16-inch, 2021)
Firefox- Version 122.0.1(64-bit)
macOs version 13.6.3
Voiceover - Version Latest
JAWS- Version 2023
NVDA- Version 2021.2