Kendo Combobox rendering is not consistant

[Divyang]

Hi, 

I've found that Kendo Combobox renders differently while attaching to a local data source than attaching to a remote data souce in Visual Studio LightSwitch. Please refer to the image for the issue. I know there are rendering issues in LightSwitch because of JQuery Mobile (http://www.telerik.com/forums/kendo-combobox-rendering-issue) and this may not be the issue of data source. But it will help me a lot if I understand the cause of the problem.

 Thanks.

[Dimo]

Hello Divyang,

Judging by the provided screenshot, the <input> element, from which a Kendo UI ComboBox is created, is also used by jQuery Mobile to initialize a jQuery widget. As a result, jQuery Mobile wraps the invisible <input> of the ComboBox in a <div> element with some jQuery Mobile CSS classes (ui-input-text ui-shadow-inset, etc). This breaks the Kendo UI ComboBox HTML markup and layout.

Creating two different widgets from the same <input> element is bound to cause undesired side effects, such as the observed one. Please check how to make jQuery Mobile ignore elements, which are used by Kendo UI.

By the way, it is unlikely that the ComboBox data-binding technique (remote vs local) is related to the problem.

Regards,
Dimo
Telerik

 

 

[Divyang]

Thanks for confirming that there isn't any issue from the side of Kendo.