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?