Skip to content

bug(Select): Unable to access footer button's via tab key #6485

@jelly

Description

@jelly

Describe the issue. What is the expected and unexpected behavior?

When a user creates a Select with a custom footer={} with typeahead enabled, you are unable to select any of the options via keyboard navigation.

cockpit-project/cockpit-podman#773 (comment)

I noticed that the handleTypeAheadKeys explictly closes the dropdown without checking if there are keyboard navigationable inputs in the footer.

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.

Create a <Select footer={} variant={SelectVariant.typeahead}/>.

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?

Bug.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions