patternfly-react icon indicating copy to clipboard operation
patternfly-react copied to clipboard

Bug - Select - Typeahead with isCreatable does not have focus style

Open thatblindgeye opened this issue 3 years ago • 0 comments

Describe the problem A clear and concise description of the problem. Which components are affected?

When the Select component is a typeahead and has isCreatable set to true, the creatable option does not have a focus style set on it when navigating to it in the menu. See video below:

https://user-images.githubusercontent.com/70952936/169906976-46e3c95d-290a-4c7f-bd0c-82ab9e497e36.mov

How do you reproduce the problem? Provide steps to reproduce. A codesandbox demonstrating the problem is appreciated.

  1. Go to Select Typeahead example
  2. Enable the isCreatable option
  3. Type a random input
  4. Navigate using the Down Arrow Key, and notice that the Create... option does not receive a focus style

Expected behavior A clear and concise description of the expected behavior. The creatable option has a focus style

Is this issue blocking you? List the workaround if there is one.

Screenshots If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

thatblindgeye avatar May 23 '22 21:05 thatblindgeye