Issue Summary

When "Merge pull request" modal dialog is triggered, the focus moves inappropriately.

Steps to Reproduce

1. Open the "Bitbucket" homepage.
2. Navigate to the "header" section.
3. Navigate through the page using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
4. Navigate and activate the “Merge” button in the main content area.
5. Observe that modal dialog gets displayed on the page.
6. Notice that the focus does not move onto the first interactive element present in modal.

Screen Recording

Screen Recording 2025-02-26 at 7.10.36 PM.mov

Actual Results

When the "Merge pull request" modal dialog is triggered that becomes available on activating the "Merge" button in the main content area > , the focus directly moves to the "PROJ / awesome-go, main. Copy branch name" button instead of moving to the first interactive element.

As a result, keyboard and screen reader users will need to do additional TAB stop. 

Expected Results

Ensure that the keyboard focus moves at the beginning of the "Merge pull request"  modal dialog content when the modal dialog gets displayed on the screen. Use javascript method element .focus(); method to set the force focus programmatically on the first interactive element i.e. "Commit message" input fileld.

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest