list-container not appending proper class name

2 posts, 0 answers
  1. George
    George avatar
    58 posts
    Member since:
    Apr 2014

    Posted 24 Jan 2018 Link to this post



    I have noticed that when i initiate the kendo dropdownlist through mvvm, when the drop down box is opened, the k-list-container is not displaying the correct class name when it is above the form field that opens/closes the k-list-container. It always is set as k-state-border-down when it should be k-state-border-up. Can you please advise on how to fix this? I would like to create some styles that work for the different states.

  2. Ivan Danchev
    Ivan Danchev avatar
    1617 posts

    Posted 26 Jan 2018 Link to this post

    Hello George,

    The element with class "k-list-container" gets a different class applied depending on whether the dropdown is opened above or below the DropDownList's input area. So when it opens above the input the class we use is "k-state-border-down", when it opens below the input the class is "k-state-border-up". See the following short screencast showing how the dropdowns of two DropDownLists initialized with/without MVVM are rendered. The classes applied to both widgets are identical and are correct. The dojo example used to record the screencast.

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top