Highlight the keyword in suggest list

[Chamal]

is possible to Highlight the keyword in the suggested list when the user typing?

[Yanmario]

Hi Aruna,

Тhank you for the provided screenshot.

Currently, there isn't such a built-in feature that can be used out-of-the-box for the DropDowns. Instead, some solutions based on custom JavaScript logic should be implemented. You may check the following article extracted from StackOverflow suggesting such an approach:

https://stackoverflow.com/questions/8644428/how-to-highlight-text-using-javascript

Basically, what they suggest is to change the innerHTML of the elements that should support the highlighting functionality. Please check the following example with the AutoComplete:

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

A similar approach can be achieved with the rest of the Kendo DropDowns components.

I would like to add that the suggested approach isn't based on a built-in or supported feature of Kendo UI for Angular and thus it should be used at the developer's own discretion.

Regards,
Yanmario Menev
Progress Telerik

[Chamal]

Thank you for you answer.