Issue Summary

On the “Delete Plan” modal dialog, when users try to dismiss the dialog by activating the “Cancel” button the focus moves inappropriately to the top of the page.

Steps to Reproduce

1. Open the "View Plan" page.
2. Navigate and activate the "More actions" ("...") button.
3. Navigate and activate the "Delete" button.
4. Observe that a modal dialog appears on the page.
5. Using just a keyboard, dismiss the new content by activating the “Cancel” button.
6. Observe that the focus does not return to the element that triggered the content.

Screen Recording

Screen Recording 2024-01-30 at 12.33.35 PM.mov

Actual Results

When the “Cancel” button is activated to close the “Delete Plan” modal dialog, the focus does not return to the parent triggering the “More actions” button. Instead, it moves to the top of the page. This illogical focus order might make the page difficult to understand for the keyboard and screen reader users.

Expected Results

When the triggering element is not available, then make sure that the focus returns to the parent element that triggered the content. In this scenario, make sure that when the user dismisses the new content, the focus returns to the parent “More actions” button. This can be done with the “focus” method.

For similar examples, please refer "https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus"

Workaround

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

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest