FilterSelector receives no focus with hideSearchBar={true}

Widgets
1

The FilterSelector receives no focus when it is opened, in an OverviewEngine with a widgetMap that has a FilterSelector without a search bar.
The focus remains on the button that opened the FilterSelector. This is an Accessibility issue. The attached-portal that contains the FilterSelector has tab-index=“-1” and should receive the focus.

Example:

image
image506×310 14.4 KB

<FilterSelector {…props} hideSearchBar={true}>

Is this a bug in the FilterSelector? Is there a workaround?

2

Hi @janus-mild-cove,
We’re able to reproduce the issue on the Widgets side. Please create a ticket so we can address it accordingly.
As a temporary workaround, please try setting focus to an interactive element inside the Filter Selector once it opens.
Thank you.

3

Hi @quynh-cold-token
I’ve created a bug ticket: A12-17307