First item in filtered list is not selected when pressing enter

trashhead commented 6 years ago

PLEASE MAKE SURE THAT:

you searched similar issues online (9/10 issues in this repo are solved by googling, so please...do it)
you provide an online demo I can see without having to replicate your environment
you help me by debugging your issue, and if you can't, do go on filling out this form

I'm submitting a ... (check one with "x")

[ x] bug report => search github for a similar issue or PR before submitting
[ ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior

I'm using [focusFirstElement]="true". If using autocomplete and typing a valid option in the dropdown and pressing enter. It will pick the first option in the unfiltered list instead following the instructions:

Type "k" wait until list appears('Alkohol' will be first), continue to write "okain" (so the full Word is 'kokain') press enter. "Alkohol" will be selecteddespite 'Kokain' is the only option in the list.

https://stackblitz.com/edit/angular-our28q?file=app%2Fapp.component.html

Expected behavior

If kokain is the only option in the list it should be selected when pressing enter, not a previously option that has been first in the list.

Minimal reproduction of the problem with instructions (if applicable)

Type "k" wait until list appears('Alkohol' will be first), continue to write "okain" (so the full Word is 'kokain') press enter. "Alkohol" will be selecteddespite 'Kokain' is the only option in the list.

https://stackblitz.com/edit/angular-our28q?file=app%2Fapp.component.html

What do you use to build your app?. Please specify the version

Angular version:

"@angular/core": "^5.2.2"

ngx-chips version:

"ngx-chips": "^1.6.3-rc.3"

Chrome Edge Ie11