Issue Summary

Focus moves inappropriately when user activate the button element present in the main content area.

Note: This issue has also been observed on the "Backlog" page.

Steps to Reproduce

1. Navigate to "Boards" dropdown present in the header section.
2. Navigate to the "KAN board" option and activate it.
3. Observe that "kanban board" page has been appeared on the page.
4. Navigate to the button element and activate it.
5. Using JAWS, observe that this functionality is not accessible for screen reader users.

Screenshot 1: Kanban Board

Screenshot 2: Backlog

Actual Results

Focus moves inappropriately when assistive technology users activate the "Hide the header" button to the main region instead of moving on the triggering element and when keyboard-only users activates "Hide the header" button focus moves inappropriately on "release link".
 
As a result, keyboard only and screen reader users will have to navigate the screen content again before accessing the content which is after the triggering button.

Expected Results

Ensure that the keyboard focus moves the triggering element when the modal dialog is closed which can be achieved via JavaScript focus() method.
 
In this scenario, make sure that keyboard and screen reader focus should move to triggering element i.e. "Hide the header"

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest