Bug Description

Introduced in v13.1.0. An item that has no text (empty string) renders a span (.k-list-item-text) with height 0px.

Steps to Reproduce

Steps to reproduce the behavior:

1. Go to https://blazorrepl.telerik.com/mgEobKlm00OJm8OW55
2. Click the DropDownList to show its list
3. Inspect the second item in the browser dev tools

Also reproducible in: https://dojo.telerik.com/ZVOXYUsb/3

Expected Behavior

The item that has no text should have the same height as items that have text.

Actual Behavior

The height of the span.k-list-item-text is 0px.

Screenshots/Videos

Environment Information

Affected Theme(s)

• All themes

Affected Component(s)

Please specify the component(s) where the bug occurs: ___________

Affected Suites

• Kendo UI for jQuery
• Telerik UI for Blazor
• Telerik UI for ASP.NET Core
• Telerik UI for ASP.NET MVC
• likely others as well

Browser Information

• All browsers

Build System Information

Reproduction Case

CodePen/StackBlitz/JSFiddle Link

https://blazorrepl.telerik.com/mgEobKlm00OJm8OW55

https://dojo.telerik.com/ZVOXYUsb/3

Sample Code

<TelerikDropDownList Data="@DropDownListData" @bind-Value="DropDownListValue" />

@code {
    private List<string> DropDownListData = new List<string>() { "Item1", string.Empty, "Item3" };

    private string DropDownListValue { get; set; } = string.Empty;

    protected override void OnInitialized()
    {
        DropDownListValue = string.Empty;
    }
}

Workaround

<style>
    .k-list-item-text {
        min-height: 20px;
    }
</style>