-
Notifications
You must be signed in to change notification settings - Fork 1k
Closed
Labels
accessibilityWCAG supportWCAG supportbugissue that does not match design or documentation and requires code changes to addressissue that does not match design or documentation and requires code changes to address
Description
Using the Select component with multiple and onSearch props defined the search input text box is focussed twice using the keyboard.
Expected Behavior
When I open the Select component (with multiple and onSearch props defined) and use the KeyDown to reach the first option I expect the first option stay focussed.
Actual Behavior
When I open the Select component and try to reach the first option using the keyboard the focus moves from input text field to first option and the get back to the input text without doing nothing. If I use again the keyboard the issue doesn't occur again.
URL, screen shot, or Codepen exhibiting the issue
Select story book:
https://storybook.grommet.io/?path=/story/input-select-search--search
(Input->Select->Search)
Steps to Reproduce
- Open the documentation link
- Click on the second Select (select multiple options)
- Use the KeyDown to reach the first option
- The focus will pass from search text input to the first option and it will get back to the text input.
Your Environment
- Grommet version: 2.33.1
- Browser Name and version: Chrome 114
- Operating System and version (desktop or mobile): Windows 11
Metadata
Metadata
Assignees
Labels
accessibilityWCAG supportWCAG supportbugissue that does not match design or documentation and requires code changes to addressissue that does not match design or documentation and requires code changes to address
Type
Projects
Status
Done