自动完成列表加载但未在 IE 9、10 和 11 中显示

Question

我的 kendo 自动完成 小部件被配置为使用 Ajax 来检索它成功执行的客户列表，这一切都适用于 Firefox 和 Chrome，但在 IE 中它的行为奇怪。

1. 在 IE F12 工具中，我监控了网络活动，看到了 Ajax 调用 成功返回 json 数据。
2. 我还检查了 HTML 选项卡，发现 json 中返回的记录被正确地创建为 DOM 中的 HTML 元素

唯一的问题是下拉列表框部分实际上并没有显示出来。

这是 Kendo 从 json 数据创建每个列表项元素之前的列表框 HTML：

<div class="k-list-container k-popup k-group k-reset" id="clientSearchInput-list" style="display: none; position: absolute;" data-role="popup">
    <ul tabindex="-1" class="k-list k-reset" id="clientSearchInput_listbox" role="listbox" aria-hidden="true" aria-live="polite" style="overflow: auto;" unselectable="on"></ul>
</div>  

这是 Kendo 创建列表项后的同一个列表框：

<div class="k-list-container k-popup k-group k-reset" id="clientSearchInput-list" style="height: 200px; display: none; position: absolute;" data-role="popup">
    <ul tabindex="-1" class="k-list k-reset" id="clientSearchInput_listbox" role="listbox" aria-hidden="true" aria-live="polite" style="overflow: auto;" unselectable="on">
        <li tabindex="-1" class="k-item k-state-focused" id="clientSearchInput_option_selected" role="option" unselectable="on">oRaNo SpeKER (SYGAA1501)</li>
        <li tabindex="-1" class="k-item" role="option" unselectable="on">Halthegorth Feirae (SYGAA0531)</li>
        <li ...>... many more items</li>
    </ul>
</div> 

所以到目前为止一切正常。但是在查看外部 div 容器的样式元素时，我注意到了这部分：

style="...; display: none; ..." 

Kendo 似乎在实际显示列表框时停止了。一旦 Kendo 确定了应该显示列表框的位置，我还希望看到顶部和左侧的附加值。

最后，控制台中没有异常。

关于为什么这在 IE 中不起作用的任何想法？

Answer 1

将您的 Kendo UI 包升级到最新版本。