Issue Summary

When the user activates the "Edit Events" link focus moves to the top page present in the background instead of the updated content. 

Steps to Reproduce

1. Navigate to the header and activate the "Calendar" link
2. Navigate to the dates and activate it 
3. Navigate to the "Add Reminder" link and activate it 
4. Using the screen reader, navigate to the "Edit Event" link and activate them.
5. Observe that the focus moves to the background top of the page instead of updated content.

Screen Recording

Screen Recording 2023-08-02 at 6.34.17 PM.mov

Actual Results

The focus moves inappropriately to the top of the page available in the background instead of moving on to the updated content (i.e "Reminder" form field)
As a result, keyboard-only and screen reader users will have to navigate the screen content again before accessing the content which is updated below.

Expected Results

Ensure that the keyboard focus moves the updated content ( i.e "Reminder" form field) which can be achieved via the JavaScript focus() method.

Workaround

Currently, there is no known workaround for this behaviour. 

Environment 

MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest