Issue Summary

On the "Add a comment" page, the focus does not move onto the newly added content when the page is dynamically updated.

page  

Steps to Reproduce

1. Navigate onto the mentioned page.
2. Navigate onto the "This comment will be viewable by all users" link and activate it.
3. Observe that a listbox gets added.
4. Observe that the focus does not move onto the newly added listbox.

Screen Recording

Screen Recording 2023-10-11 at 1.20.32 PM.mov

Actual Result

When the "This comment will be viewable by all users" link is activated, The page gets dynamically updated. However, the focus remains on the activated link instead of moving onto 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 "This comment will be viewable by all users" link, the focus goes onto the newly added listbox. 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