Asp.net mvc: DropDownList Виртуализация, невозможно выбрать данные из выпадающего списка

Question

Я создаю веб-приложение, в котором я использую компонент кендо,

У меня есть выпадающий список кендо / Виртуализация, который работает согласно Это

здеськак это выглядит

проблема в том, что когда я пытаюсь нажать на любую из этих записей, щелчок не работает

ниже мой код

CSHTML

@(Html.Kendo().DropDownList()
    .Name("SecondApproverId")
    .DataTextField("Text")
    .DataValueField("Value")
    .MinLength(3)
    .HtmlAttributes(new { style = "width:100%" })

    .Height(290)
    .AutoBind(false)
    .Filter(FilterType.Contains)
    .DataSource(source =>
    {
        source.Custom()
            .ServerFiltering(true)
            .ServerPaging(true)
            .PageSize(80)
            .Type("aspnetmvc-ajax")
            .Transport(transport =>
            {
                transport.Read("GetSecondaryApproval", "User");
            })
            .Schema(schema =>
            {
                schema.Data("Data").Total("Total");
            });
    }).Virtual(v => v.ItemHeight(26).ValueMapper("secondaryApproval"))
)

Контроллер

public ActionResult GetSecondaryApproval([DataSourceRequest] DataSourceRequest request)
{
    return Json(SecondApprover().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
private IEnumerable<SelectListItem> SecondApprover()
{
    return CreateList(ResourceProvider.GetUser(Convert.ToInt32(Id)).SecondApproversNameList(Id).Tables[0], "userId", "ApproverName", "-1"); ;
}

И при инициализации я получаю нижеошибка моего контроллера в сетевой панели

Answer 1

Я решил свою проблему, но я думаю, что важно рассказать всем, как я нашел свое решение,

на самом деле свойство css под названием Transition предотвращало событие click

Я просто добавил следующий код

<style>
    * {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }
</style>

и теперь работает