Skip to content

Bug - Select - Inline filter doesn't allow left/right arrows moving caret within entered filter text #9404

Description

@jeswanke

Describe the problem
The Select component has an hasInlineFilter option that opens a search field. The up and down arrows are used to navigate down to the available selections. However the left/right arrow keys are captured even when the input field still has focus preventing a user from pressing the left arrow back in the entered text.

How do you reproduce the problem?
There's a section in Select.tsx that captures left/right--even when the focus is on input and not on the menu:

CleanShot 2023-07-26 at 10 36 20@2x

Expected behavior
User should be able to click left/right arrow keys in text field.

Is this issue blocking you?
Not pretty but you can open a div under the Select and grab key down events and call stopPropagation on them to prevent them bubbling up to the Select and having those events being killed with preventDefault

Screenshots
CleanShot 2023-07-25 at 14 37 49

What is your environment?
n/a

What is your product and what release date are you targeting?
"@patternfly/react-core": "^4.276.8",

Any other information?

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