To reproduce: 1. With the console freshly loaded in the browser, begin clicking the tab key until you reach the help icon in the masthead. 2. Press enter to open the help dropdown. 3. Press tab to try to reach an item in the help dropdown. 4. Note the focus changes to the user dropdown and the help dropdown closes. The dropdown menu items are also not accessible via the arrow keys, but this is a common problem with the dropdowns in console.
Checked on ocp 4.9 cluster with payload 4.9.0-0.nightly-2021-07-12-143404. 1. After console is freshly loaded in the browser, press tab until reach the help icon in the masthead. 2. Press enter to open the help dropdown. 3. Press arrow keys could switch between items in the help dropdown list. But press tab couldn't switch between items in the help dropdown, the focus still changes to the user dropdown and the help dropdown closes. If it's enough that only the arrow keys work in the help dropdown list and tab doesn't work?
@yanpzhan The Masthead drop-downs makes use of PatternFly ApplicationLauncher component, and ApplicationLauncher uses the arrow keys to navigate the items and tab to enter/exit the drop-down. I think that should be the expected behavior. https://www.patternfly.org/2020.06/documentation/react/components/applicationlauncher cc: @spadgett
According to Comment 4, the fix LG, so move the bug go Verified.
The behavior in comment #3 is intended. Tab moves to the next masthead item, and arrow keys navigate the dropdown.
Since the problem described in this bug report should be resolved in a recent advisory, it has been closed with a resolution of ERRATA. For information on the advisory (Moderate: OpenShift Container Platform 4.9.0 bug fix and security update), and where to find the updated files, follow the link below. If the solution does not work for you, open a new bug report. https://access.redhat.com/errata/RHSA-2021:3759