Select item on Enter

[Коптев Роман Викторович]

Is it possible to make this component allow me to select the item just pressing Enter when I already have fully typed it in the search area? Doesn't work in my case for some reason and I have to click the item in the dropdown list with a mouse.

[David Johnson]

I have this same issue, if you search and then move down the items using the arrow keys and then pressing enter to select doesn't work

[section14]

+1 On this issue. It seems like it uses the index from the original options array, instead of the filtered version. Let's say this is the original options array:

[
    {name: 'Apple', value: 1, index: 0},
    {name: 'Boy', value: 2, index: 1},
    {name: 'Cat', value: 3, index: 2},
    {name: 'Dog', value: 4, index: 3},
    {name: 'Airplane', value: 5, index: 4},
]

Then type A to filter the options down to:

[
    {name: 'Apple', value: 1, index: 0},
    {name: 'Airplane', value: 5, index: 1},
]

When you press enter to make a selection, you end up getting:

 {name: 'Boy', value: 2, index: 1},

from the original options, instead of the filtered options array

[James W Mann]

+1 On this issue. It seems like it uses the index from the original options array, instead of the filtered version. Let's say this is the original options array:

[
    {name: 'Apple', value: 1, index: 0},
    {name: 'Boy', value: 2, index: 1},
    {name: 'Cat', value: 3, index: 2},
    {name: 'Dog', value: 4, index: 3},
    {name: 'Airplane', value: 5, index: 4},
]

Then type A to filter the options down to:

[
    {name: 'Apple', value: 1, index: 0},
    {name: 'Airplane', value: 5, index: 1},
]

When you press enter to make a selection, you end up getting:

 {name: 'Boy', value: 2, index: 1},

from the original options, instead of the filtered options array

I also have this exact issue, was also mentioned in #264

[Tobias Bleckert]

Fixed in v4.17 by #265