Focun on clear button in textbox and combobox

[Andrii]

Hi. i have some questions about focus on clear button

If click on kendo-textbox and input value, clear button will appear on the left side of the field. if you press the tab button, the focus will shift to this clear button.

<kendo-textbox
  [style.width.px]="200"
  [clearButton]="true"
></kendo-textbox>

 

If select value in kendo-combobox, clear button will appear on the left side of the field, before button show\hide list. But if press tab button, focus will shift to next DOM element

<kendo-combobox
  [data]="listItems"
>

Please, tell me why there is such a different behavior when pressing tab. Why doesn't the focus shift to the clear button in kendo-combobox.

Thanks.

[Georgi]

Hi Andrii,

Thank you very much for the code snippets provided.

From what I understood from your question, you are currently utilizing the Kendo UI for Angular ComboBox and are experiencing issues with navigating to the clear button using the keyboard. Please, let me know if I misunderstood you.

Generally speaking, the Kendo UI for Angular TextBox and ComboBox components fall into different categories - Inputs and Dropdowns respectively - and therefore have certain differences in their keyboard navigation.

For a more detailed reference about the available keyboard shortcuts of the ComboBox, please check out the following article:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/keyboard-navigation/

I hope the provided information sheds some light on the matter. Please, let me know if I am missing out on something.

Regards,
Georgi
Progress Telerik

[Andrii]

Thanks for the answer

[Georgi]

Hi Andrii,

I hope that the provided information helped you gain a better understanding of the matter.

Please, let me know if I can further assist you with this case.

Regards,
Georgi
Progress Telerik