Edit Dashboard : Focus moves inappropriately

Issue Summary

When the users close the modal dialog the focus moves inappropriately instead of moving to the triggering element.

Steps to Reproduce

1. Navigate to the “Dasboards” menu pop-up link and activate it.
2. Navigate to the “Manage Dashboards" link and activate it.
3. Navigate to “Create new dasboards” link and activate it. and Create a new dasboard
4. Open "Edit dashboard" page.
5. Navigate to the “Edit layout” link and activate it.
6. Observe modal dialog gets added on the page.
7. Navigate to the “Cancel” button in the modal dialog box and activate it.
8. Observe the focus moves inappropriately.

Actual Result

When the users activate the “Cancel” button in the modal dialog (that becomes available on activating the “Edit layout" link), the focus moves to the top of the page instead of moving to the triggering element.

As a result, keyboard-only and screen reader users need to pass the extra content to reach the desired element.

Expected Result

Ensure that the keyboard focus moves to the triggering element when the modal dialog gets closed on the page.

Screen Recording

Screen Recording 2023-04-26 at 10.09.15 AM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest