Bug 1965365

Summary:	Accessibility - Resource and Events filter select options do not move cursor focus into search input on click, inhibits keyboard navigation
Product:	OpenShift Container Platform	Reporter:	Steve Goodwin <sgoodwin>
Component:	Management Console	Assignee:	Steve Goodwin <sgoodwin>
Status:	CLOSED ERRATA	QA Contact:	Xiyun Zhao <xiyuzhao>
Severity:	medium	Docs Contact:
Priority:	medium
Version:	4.8	CC:	aos-bugs, jhadvig, jokerman, yapei
Target Milestone:	---
Target Release:	4.9.0
Hardware:	Unspecified
OS:	Unspecified
Whiteboard:
Fixed In Version:		Doc Type:	No Doc Update
Doc Text:		Story Points:	---
Clone Of:		Environment:
Last Closed:	2021-10-18 17:31:45 UTC	Type:	Bug
Regression:	---	Mount Type:	---
Documentation:	---	CRM:
Verified Versions:		Category:	---
oVirt Team:	---	RHEL 7.3 requirements from Atomic Host:
Cloudforms Team:	---	Target Upstream Version:
Embargoed:
Bug Depends On:
Bug Blocks:	2026950

Description Steve Goodwin 2021-05-27 14:44:38 UTC

Description of problem:
This is an upstream bug* in the PatternFly Select (Grouped checkbox input with filtering) https://www.patternfly.org/v4/components/select/#grouped-checkbox-input-with-filtering

Component doesn't move cursor into the search input on click. Thus keyboard navigation accessibility with arrow keys is broken.


Steps to Reproduce:
On the Admin console go to Search.
Click on Resource dropdown.
Try to navigate resources with arrow keys


Actual results:
Cursor focus is not moved into the "Select Resource" input field. User can not start typing to filter list. Arrow keys do no move cursor within dropdown menu

Expected results:
Cursor focus should automatically be moved to "Select Resource" input, where user can start typing to filter the list or use the arrow keys to traverse list.


Additional info:
Recently introduced when converting custom dropdown select component to PatternFly Select component. https://github.com/openshift/console/pull/8877

*Upstream tracking bug issue opened https://github.com/patternfly/patternfly-react/issues/5847

Comment 1 Steve Goodwin 2021-05-27 17:34:03 UTC

Upstream fix!
https://github.com/patternfly/patternfly-react/pull/5793

Comment 2 Steve Goodwin 2021-06-21 16:24:55 UTC

The upstream fix for this bug was merged in the console with this PR https://github.com/openshift/console/pull/9249 

Now the search and events Resources dropdown behavior is correct. The cursor focus is applied to the "search resource" input field and the select options are accessible through the keyboard tab key, so this bug has been corrected.

Comment 3 Xiyun Zhao 2021-07-12 13:42:03 UTC

@Steve Goodwin 
Help to comfirm the target release for this bug. Currently this bug is not fixed on version of 4.8

This bug has been fixed and verified on build 4.9.0-0.nightly-2021-07-10-081034

Verify Step:
1. Login OCP by using Chrome and Edge
2. Navigate to Home -> Search page on administrator mode
   Navigate to Search page directly on developer modee
3. Click on the dropdown list of "Resources"
4. Verify if "Select resource" filter is automatically focused, user is able to type without do more action after click

Result:
The "Select resource” filter is automatically focused, user is able to type without do more action after click on Search page for administrator or developer mode on Chrome or Edge

Comment 4 Steve Goodwin 2021-07-20 20:23:29 UTC

Set target release 4.9.0

Comment 8 errata-xmlrpc 2021-10-18 17:31:45 UTC

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