More Option: focus moves inappropriately.

Issue Summary

When the "more options" menu is expanded the focus moves to the container element inappropriately.

Steps to Reproduce

1. Turn on JAWS screen reader & open the home page.
2. Navigate to the "Test" space link in the "My Space" section and activate it.
3. Navigate to the "More option" menu link and activate it.
4. Observe that focus moves to the container element instead of first item.

Actual Results

While navigating with JAWS, when user activates the "more options" link the focus is set to container element by using tabindex=-1 attribute inappropriately. This makes JAWS announce all the content to announce together inappropriately.

This made it difficult for screen-reader users to access the interactive elements and challenging to understand the functionality associated with this element.

Expected Results

The keyboard focus should move to the first menuitem i.e "Attachments" when "more option" menu is expanded & JAWS should not read all content together.

Refer the following link implementation: https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html

Screenshot

Screen recording

78566-JAWS.mp4

Workaround

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