Kendo-textbox adornments cause focus state issues

[gax-clarksons]

Description

When using adornments in kendo textboxes and other kendo inputs, clicking on these adornments (which have no click handling, e.g. plain divs), cause the Input to become blurred, but the textbox remains in a focused state. This results many input being able to be left in a focused state, even though they are not.

Steps To Reproduce

https://angular-1gbcnj8y.stackblitz.io

• click the Input to focus the text box
• click the "TEST" adornment
• Notice the Input Element is blurred event is fired but the textbox remains in a visually focussed state
• you can click on another input to focus it, the original textbox remains in a visually focussed state

Screenshots or video

kendo.input.focus.mp4

Actual Behavior

Clicking adornment within text box causes textbox input to become blurred, but textbox remains focussed forever.

Expected Behavior

Clicking adornment within text box should not cause textbox input to become blurred and then focussed forever.

Browser

Chrome

Browser version

latest

OS type

MacOS

OS version

No response

Last working version of the Kendo UI for Angular package (if regression).

No response

[dtopalov]

Also partially applicable to other components with adornments - e.g. ComboBox, NumericTextBox etc. - when clicking the non-focusable template content, the wrapping component does not get focus:

https://stackblitz.com/edit/angular-swa9tzy8?file=src%2Fapp%2Fapp.component.ts