Header menu: Focus moves inappropriately out of the menu list option

Issue Summary

In the header section for different menus, the focus moves out of the dropdown menu options and moves to the header section.

Steps to Reproduce

1. Launch the URL
2. In the header section navigated into the menus and Activate any menu, this will open an options menu.
3. With the screen reader on Keep navigating into the options menu until the focus move to the other menu.

Screen Recording

2022-05-06 16-23-16.mkv

Actual Results

In the header section when the user navigates into the Menu options such as "Issues" and then activates the menu, the focus enters the list of options. But when the user navigates at the end of the list are tries to navigate forwards with the screen reader on, the focus moves to the next menu in the header section. This will create confusion for the screen reader and would not be able to use the navigation menu effectively.

Expected Results

When the user navigates with the screen reader into the Menu option and when the focus is at the end of the list option the focus should not move further and should announce as the end of the list. This will indicate that the menu list ends here. Another alternative could be the focus should move back to the start of the list. This will help the screen reader to understand the content available in the menus list.

An example could be found at: https://www.w3.org/TR/wai-aria-practices-1.2/examples/menu-button/menu-button-links.html 

Workaround

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