Skip to content

Bug - Select - The first time you click on a filter input field, it does not have focus #10333

@Aliaksandr-Hrynevich

Description

@Aliaksandr-Hrynevich

Describe the problem
The first time you click on a filter input field of the Select component with typeahead functionality, it does not have focus. Only after second click we get a focus and we can insert some text into it. This issue is reproducible in official documentation as well: https://www.patternfly.org/components/menus/select/#typeahead

How do you reproduce the problem?

  1. Add Select component on your page with typeahead functionality
  2. Click on it and try to insert some text in filter

Expected behavior
Focus is set on the input field and we can enter values there for filtering

Actual behavior
The input field does not have focus and we cannot enter filtering values there. Only after second click we get a focus and can insert some text for filtering

Screenshots
First click on the filter field (no focus on the input field):
image
Second click (filter gets focus but options are not visible):
image

What is your environment?

  • OS: iOS, Windows 10, 11
  • Browser: chrome, safari
  • Version: any version

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions