Kendo Combobox rendering is not consistant

3 posts, 1 answers
  1. Divyang
    Divyang avatar
    23 posts
    Member since:
    Jan 2015

    Posted 27 Nov 2015 Link to this post

    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.

  2. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 01 Dec 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Divyang
    Divyang avatar
    23 posts
    Member since:
    Jan 2015

    Posted 01 Dec 2015 in reply to Dimo Link to this post

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