Hi Daniel,

The empty space is caused by an invisible symbol at the beginning of each dropdown item.

The purpose of this symbol is to expand empty list items, which have no text. This enables their selection and ensures other features will work correctly (e.g. virtualization).

There are two ways to avoid the problem in your case:

• If you won't be having empty list items in your app, then remove the invisible content.
• If you may have empty list items, then disable text wrapping inside dropdowns. What happens now is that the invisible symbol remains on the first line, and the long string falls on a second line.

Here is the required CSS code for both suggestions. There is a third option to avoid the empty space, but it's more complex and unnecessary - use a FilterCellTemplate with a wider dropdown.

/* disable text wrapping in all dropdowns */
.k-animation-container .k-list-item-text {
    white-space: nowrap;
}

/* OR */

/* remove the invisible content, which expands vertically empty list items */
.k-animation-container .k-list-item-text::before {
    content: none;
}

Regards,
Dimo
Progress Telerik