Issue Summary

Focus is moving inappropriately when user access the toolbar formatting options.

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 "Kan-1", "Kan-2", etc. interactive widgets and activate it.
5. Navigate to the "Comments" button and activate it.
6. Navigate to the "Add comments" button and activate it.
7. Try to access the toolbar options and the check the focus movement.

Screen Recording

Screen Recording 2023-04-11 at 7.39.10 AM.mov

Actual Results

Focus moves inappropriately when user activate the formatting toolbar options such as "Style", "Bold", "Italic", etc. into textarea 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.
 
Similarly when user closes the "Delete Comment" modal dialog

Expected Results

Ensure that the keyboard focus moves the triggering element when the toolbar options get selected which can be achieved via JavaScript focus() method.

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