Issue Summary

On the "View pull request" page, the focus does not move onto the newly added content when the page is dynamically updated.

Steps to Reproduce

1. Navigate onto the mentioned page.
2. Navigate onto the "Add a comment on this file" button in the "Diff tab and activate it.
3. Add a comment on the page and activate the "Comment" button.
4. Observe that the page gets updated.
5. Observe that the focus does not move onto the first interactive element of the newly added content.

Screen Recording

Screen Recording 2023-10-16 at 12.21.48 PM.mov

Actual Results

When the "Comment" button is activated after adding any comment, The page gets dynamically updated. However, the focus moves onto the "More action" button instead of moving onto the first interactive element of the newly updated content. This illogical focus order might make the page difficult to understand for the keyboard and screen reader users.

Expected Results

Make sure that the focus is managed appropriately when the page is updated. Make sure that when the user activates the "Comment" button, the focus goes onto the first interactive element of the newly updated content, that is, the "Ansible Admin" link. This can be done with the “focus” method.

For more information, please refer "https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus"

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 Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest