Empty SelectItems do no display correctly

2 posts, 0 answers
  1. Paul
    Paul avatar
    2 posts
    Member since:
    Mar 2011

    Posted 08 Aug 2012 Link to this post


    I am using the Kendo DropDownList via the Asp.Net Mvc wrapper and binding it to a SelectList in my Model. If a SelectItem is empty (i.e. Text = "") then it displays with a height of (almost) zero making it appear invisible in the list. This behaviour is different from the Telerik Extensions for Asp.Net Mvc, which displays as I would expect - empty items at the same line height as non-empty items.

    Does anyone know of a workaround or if/when this will be fixed?

    many thanks.
  2. Dimo
    Dimo avatar
    8457 posts

    Posted 13 Aug 2012 Link to this post

    Hi Paul,

    The observed problem is easy to fix with the following CSS style:

    .k-popup .k-list .k-item {
        min-height: 1.8em;

    However, I can see the same behavior in the MVC component, probably you already have a similar workaround applied there. On a side note, I recommend avoiding empty list items for selection as unusable - one doesn't know what is selecting, does he?

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top