Issue Summary

On "Source" page, the focus moves at the "Enter branch name" input field rather than moving on "Branch" selected tab. (appears on activating "Branch" button). 

Steps to Reproduce

1. Activate project in header.
2. Activate "Repository" option. 
3. Activate "Source" link. 
4. Navigate through page using keyboard or screen reader. 
5. Activate "Branch" button. 
6. Observe that the focus moves at the "Enter branch name" input field rather than moving on "Branch" selected tab. 

Screen Recording 

Screen Recording 2024-02-21 at 11.35.46 AM.mov

Actual Results

Focus moves inappropriately to the"Enter branch name" input field rather than moving on "Branch" selected tab after user activate "Branch" button.
As a result, keyboard only and screen reader users might feel disoriented. 

Expected Results

When the user activates "Branch" button, the keyboard focus should move to the "Branch" selected tab. 

This can be achieved via JavaScript focus() method.

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 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