Issue Summary

When the user selects an option in dropdowns such as "Product", "Assistive Technology", "Browser", and others, the focus inappropriately jumps back to the first option in the list.

Steps to Reproduce

1. Open the JSM Cloud instance.
2. Navigate to the header section, expand the "Projects" control and open any project.
3. Navigate to the main content area and open any issue.
4. Using the keyboard, navigate to any one of the mentioned dropdowns and activate the "Edit" button.
5. Use the arrow keys to move through the list of options, and press Space to select any option that is not the first.
6. Observe that the focus inappropriately jumps back to the first option in the list.

Screen Recording

Focus.mp4

Actual Results

When the user navigates to the "Product", "Assistive Technology", "Browser", or other dropdowns and activates the "Edit" button to modify the item, the focus behavior is inconsistent. Specifically, when users arrow through the list of options and select any one of them, the focus inappropriately jumps back to the first option in the list. These dropdowns support multi-select functionality; however, if users wish to select multiple options, they must repeatedly navigate through the list from the beginning. This behavior results in a poor experience for keyboard-only and screen reader users, as it disrupts the workflow and forces them to navigate through the options multiple times.

Expected Results

Ensure that in multi-select dropdowns, when a user selects an option using the keyboard, the focus either remains on the selected item or moves to the next available item in the list. This provides a seamless and predictable navigation experience, allowing users to efficiently select multiple options without having to restart from the top of the list.

Apply the following changes:

• Modify the dropdown component’s behavior to retain the user's focus position after selecting an option.
• Ensure that keyboard interactions (e.g., arrow keys, Spacebar) do not cause the focus to reset to the top of the list.
• Implement focus management techniques, such as programmatically setting the focus or adjusting the DOM manipulation logic to preserve the current index.

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOS Sequoia 15.4.1
Operations - Windows11
Chrome - Version 135.0.7049.42 (Official Build) (64-bit)
Safari- Version 18.4
Firefox- Version 135.0 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest