Kendo ui 剑道自动完成截断选定值

我正在尝试使用剑道自动完成组件，我一直得到这个灰色条，当它被选中时，它会模糊部分答案

有人知道谁来解决这个问题吗

请参见下面的我的代码：

<link href="~/Scripts/Kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="~/Scripts/Kendo/styles/kendo.bootstrap.min.css" rel="stylesheet" />

<script src="~/Scripts/Kendo/js/kendo.ui.core.min.js"></script>
<script src="~/Scripts/Kendo/js/kendo.combobox.min.js"></script>

<div class="k-content">
<input id="siteItem" placeholder="Select site..." style="width:100%"   />

---

解决此问题的修复程序是style=“min width=100%”。文本框在页面加载时启动，没有附加任何数据，因此实际上没有使用正确的宽度。后来添加数据时，它不会补偿到正确的宽度。使用min width可以在动态附加数据之前正确绘制文本框，从而删除幻影灰框（我认为是X或clear按钮）。

解决此问题的方法是style=“min width=100%”。文本框在页面加载时启动，没有附加任何数据，因此实际上没有使用正确的宽度。后来添加数据时，它不会补偿到正确的宽度。使用“最小宽度”（min width）可以在动态附加数据之前正确绘制文本框，从而删除幻影灰框（我认为是X或清除按钮）。

看起来css和kendo.bootstrap.min.css之间存在冲突。实际上，您还缺少选择项右侧的X图标。尝试更改为不同的外观，如kendo.material.min.css，并检查结果。看起来css和kendo.bootstrap.min.css之间存在冲突。实际上，您还缺少选择项右侧的X图标。尝试更改为不同的皮肤，如kendo.material.min.css并检查结果。

$.getJSON("/FormReport/GetSites/" + org + "/" + e.dataItem.Value,
        function (data) {

            $("#siteItem").kendoComboBox({
                autoWidth: true,

                dataTextField: "Text",
                dataValueField: "Value",
                dataSource: data,
                filter: "contains",
                suggest: true 
            });
        });