Skip to content

Remember selected option/scroll position for in the autocomplete dropdown #3430

@o-jorgensen

Description

@o-jorgensen

Is your feature request related to a problem? Please describe.

In situations where users need to check multiple options in a list one by one, using EDS <Autocomplete> causes some frustration since they always need to start from the top of the list before selecting the next item.

In a native HTML <select> element, the selected option is always the starting point when opening the dropdown or using the arrow keys to change option. This makes it a lot easier to skip through the list, especially when using arrow keys.

Describe the solution you'd like

When an option is selected in a single-select <Autocomplete>:

  • …the selected option is the starting point when using up/down arrow keys to skip through the list.
  • …the scroll position in the list is based on the selected option, which is visible when opening the options list.

Additional context

Example A

The user is forced to start from the top every time they want to skip to the next item in the list using the arrow keys.

eds-autocomplete.mp4

Example B

Basic HTML select example showing how the scroll position in the options list always visible when opening the dropdown, and always the starting point when using arrow keys to navigate up and down in the list.

html-select.mp4

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions