I’m having trouble with a ComboBox dropdown area not
scrolling under certain circumstances.
Below is the code in my MVC View (.cshtml):
           
                                Below is the code in my MVC View (.cshtml):
<div class="field">    @Html.LabelFor(m => m.WeightUnitMeasureCode)    @(Html.Kendo().ComboBoxFor(m => m.WeightUnitMeasureCode)        .Filter(FilterType.Contains)        .Suggest(true)        .DataTextField("Name")        .DataValueField("Value")        .DataSource(source =>        {            source.Read(read =>            {                read.Action("GetUnitMeasures", "UiLists", new { area = "" });            });        })    )</div>After page load, clicking the down arrow on the control
opens the dropdown list but it is so long that it run out of view. (see image1)
If I select an item in the list and click the down arrow
again, the problem persists.
However, if I manually clear the text of the selected item
in the control, the dropdown opens automatically and it behaves as desired with
a max height of 200px (see image2)
The screenshots show that I'm using these in a custom modal window however this issue occurs even on a regular page.
Any ideas on what I’m doing wrong or how to fix this?