Let's say I am nesting an input field into the HeaderTemplate of a ComboBox. Visually it's fine, but the nested field cannot receive focus. It seems that if the ComboBox is open, focus is locked to its input field. Is there any way around this?
1 Answer, 1 is accepted
0
Hello Mike,
Your observations are absolutely correct and it is not possible to focus an element placed in the headerTemplate. That template should contain only static HTML and it will not be possible to focus on the input element, without closing the popup. This limitation is due to the fact that when you blur the input element of the ComboBox, it will internally close the popup element (which is the expected behavior).
With the above in mind, please place the INPUT element from the headerTemplate outside the ComboBox widget.
Best Regards,
Konstantin Dikov
Telerik
Your observations are absolutely correct and it is not possible to focus an element placed in the headerTemplate. That template should contain only static HTML and it will not be possible to focus on the input element, without closing the popup. This limitation is due to the fact that when you blur the input element of the ComboBox, it will internally close the popup element (which is the expected behavior).
With the above in mind, please place the INPUT element from the headerTemplate outside the ComboBox widget.
Best Regards,
Konstantin Dikov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!