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

Closed
AlexandrUSA opened this issue May 2, 2024 · 3 comments

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
@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)

@tlabaj
Copy link
Contributor

tlabaj commented Jun 4, 2024

closed by #10207

@tlabaj tlabaj closed this as completed Jun 4, 2024
@github-project-automation github-project-automation bot moved this from Needs triage to Done in PatternFly Issues Jun 4, 2024
@tlabaj
Copy link
Contributor

tlabaj commented Jun 26, 2024 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

No branches or pull requests

3 participants