Branches: Focus not moving to the triggering element

Issue Summary

The keyboard and screen reader focus not moving on triggering element.

Steps to Reproduce

1. Navigate to the "Repositories" drop-down in the header and activate it.
2. Select the "m1jejwmpe8ydv" option.
3. Navigate to the side navigation bar and activate the "Branches" link.
4. Observe that "Branches" page has been appeared on the page.
5. Navigate to the "Branch actions" button and activate it.
6. Select the "Delete Branch" option and observe that modal dialog has been opened.
7. Activate the "Cancel" button.
8. Verify that focus not moving on triggering element.

Screen Recording

Screen Recording 2023-09-28 at 9.48.13 AM.mov

Actual Results

On closing the modal dialog, the programmatic focus does not return to the triggering element i.e. on "Branch action". 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

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

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest