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?