[autocomplete] highlighted index doesn't get reset if options length is unchanged

[ViktorZhurbin]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://stackblitz.com/edit/react-taee4w?file=Demo.tsx

Steps:

1. With empty input box, use kb arrows to select 3rd option and hit Enter
2. Press arrow down and observe which option is highlighted

Current behavior 😯

4th option is highlighted

Expected behavior 🤔

1st option should be highlighted

Context 🔦

If you remove limit from createFilterOptions, it works as expected. Likely connected to the deps array of syncHighlightedIndex which includes filteredOptions.length

Your environment 🌎

No response

[michaldudak]

It's an expected behavior. When you use a keyboard to select multiple items, you don't want to be taken back to the beginning after selecting the first one and have to move down by arrow keys again to reach the next option.

[ViktorZhurbin]

When you use a keyboard to select multiple items, you don't want to be taken back to the beginning after selecting the first one and have to move down by arrow keys again to reach the next option.

@michaldudak
That's exactly what happens with filterSelectedOptions: true, and it makes sense to me - selected option is removed from the list, and you start over.

But it doesn't happen with filterSelectedOptions: true when I limit the number of displayed options through filterOptions.

With filterSelectedOptions: true going back to the beginning makes more sense to me personally. And I expected the same behaviour in both cases.

I've updated the demo to make the ifference clearer - https://stackblitz.com/edit/react-taee4w?file=Demo.tsx

[michaldudak]

OK, so it's inconsistent based on limiting the number of displayed options, I see.
I'd say that the behavior with limit is better (as you can continue selecting more options after the first one without having to move from the top again), but we lack the highlight being visible after pressing Enter in both cases.

[1CUNHA1]

hey can i work on this issue?

[1CUNHA1]

I will work on this issue :)