Issue Summary

On "Find an issue" page, when "Permission helper", "Notification helper", "Add field" and so on modal dialogs are closed, focus moves at the top of the page rather than moving on triggering element.

Note : This issue is found on "Basic" and "Advanced" mode.

Steps to Reproduce

1. Open any project. 
2. Activate "Issues" button in the header section and select "Search for issues" option.
3. Activate "Actions" button. 
4. Observe that the multiple options appear. 
5. Activate "Permission helper", "Notification helper", "Add field" and so on buttons.
6. Observe that the modals appear.
7. Dismiss these modals using "Close" button.
8. Observe that the focus moves at the top of the page rather than moving on "Actions" button. 

Screen Recording

Screen Recording 2024-02-09 at 3.19.17 PM.mov

Actual Results

On closing the "Permission helper", "Notification helper", "Add field" and so on modal dialogs, the programmatic focus does not return to the triggering element. Instead the focus is updated to the beginning of the page. This required screen reader users and keyboard-only users to tab pass the content on the page before they can interact with the content after the triggering element.

Expected Results

The programmatic focus of users should be set on the triggering element of the dialog as soon as the dialog is closed.

Set the keyboard focus to the triggering element of the dialog using the JavaScript .focus().

Workaround

Not available

Environment

MacBook Pro (16-inch, 2021)

macOS Sonoma Version 14.1

Chrome - Version 119.0.6045.159 (Official Build) (arm64)

Firefox- Version 93.0 (32-bit) Safari- Version 17.1 (19616.2.9.11.7)

JAWS- Version 2023

NVDA- Version 2020.3

Voiceover - Version Latest