Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
AlexandrUSA opened this issue May 2, 2024 · 1 comment
Labels

Comments

@AlexandrUSA
Copy link

AlexandrUSA commented May 2, 2024

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
@AlexandrUSA AlexandrUSA added the bug label May 2, 2024
@adamviktora
Copy link
Contributor

This behavior was fixed in one of the latest PRs: https://github.com/patternfly/patternfly-react/pull/10207/files by adding the shouldFocusFirstItemOnOpen prop and setting it to false in all typeahead select examples.

I believe it was just not released yet (or at least not in the 5.3.0 release which is on the website)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: Needs triage
Development

No branches or pull requests

2 participants