Issue Summary

On the "Edit pull request" page, the parent non-interactive <div> element containing the "Destination" combobox receives keyboard focus.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Using just a keyboard, tab through the above element.
3. Observe the focus goes onto the <div> that is not interactive.

Screenshots

Actual Results

The non-interactive parent <div> element containing the "Destination" combobox receives keyboard focus. This is because the <div> element inappropriately uses tabindex="0". This is illogical as only interactive elements should receive focus. This may particularly disadvantage keyboard users. The illogical focus order may make the page difficult to understand and interact with.

Expected Results

Non-interactive elements must not receive keyboard focus. In this case, we would recommend you to remove the tabindex="0" attribute from the <div> element in the DOM.

Code Snippet

<div>
...
</div>

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 Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest