Completed
Last Updated: 14 Aug 2019 08:47 by ADMIN
Pawel
Created on: 14 Jun 2019 11:13
Category: AutoComplete
Type: Feature Request
2
Autocomplete tab selector

After pressing the button "Tab", the value should be selected. Now after blur value is still not selected.

 

https://youtu.be/QqO8VbdScYs

 

4 comments
ADMIN
Dimiter Topalov
Posted on: 14 Aug 2019 08:47
Hello Ferdinand,

Indeed, the described discrepancy seems a bit counter-intuitive, but is caused by the fact that tabbing out of (or blurring) the AutoComplete results in accepting the value that is currently typed in the Input element, while pressing Enter means explicitly selecting the focused item from the list of options as value, regardless of the exact current value of the Input element.

After discussing the case with our developers, we decided to log an enhancement thread to our public GitHub repository that you can track here:

https://github.com/telerik/kendo-angular/issues/2437

Meanwhile I can suggest the following workaround - handle the blur event handler, and perform some custom logic to check whether the current value exists in the list of options, and if so - adjust the value to match the item from the list, e.g.:

https://stackblitz.com/edit/angular-9rfv7e?file=app/app.component.ts

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Ferdinand
Posted on: 07 Aug 2019 09:25

There seems to be a different behavior depending on whether you leave the suggestion with ENTER or with TAB.

you type "an" -> autocomplete shows "Andorra". Click TAB -> Result is andorra

you type "an -> autocomplete shows "Andorra". Click ENTER -> Result is Andorra.

 

Expected behavior is that the selected value (Example Andorra) should be taken when leaving the cell with TAB.

ADMIN
Dimiter Topalov
Posted on: 20 Jun 2019 10:04
Hello Pawel,

It seems that you would like to have the already built-in "Suggest" functionality:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/suggestions/

However, it should be enabled via the "suggest" option:

https://stackblitz.com/edit/angular-vkzmvn?file=app/app.component.ts

Please let me know if I am missing something.

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Pawel
Posted on: 14 Jun 2019 11:16
After pressing the keyboard "Tab"