我已经尝试了所有我知道如何(但失败)正确设置宽度的方法kendoAutoComplete
。我最近的尝试(如下)是基于 JS 的,但我也尝试了许多 CSS 解决方案。
我看到的问题是,无论我选择什么宽度,实际的输入区域都保持一致的宽度,然后右边有一个奇怪的灰色区域:
这是悬停状态(灰色框消失):
但不要被大文本框的外观所迷惑。当您开始键入时会发生以下情况:
我试过了:
var autoComplete = $("#gridFilter").data("kendoAutoComplete");
autoComplete.list.width(400);
和
autoComplete .wrapper.css("width", "300px");
还有……各种 CSS 解决方案。
为什么设置一个愚蠢的自动完成的宽度这么难?我在这里想念什么?
我希望我的自动完成的宽度为 100% 以填充其容器。
如果你能帮助我理解为什么 Telerik 总是让我想伤害自己,那就加分。
编辑
好的,我已经(部分)想通了。我暂时从页面中删除了引导 CSS,输入按预期工作。
如果我发现有问题的 CSS,我会在这里发布答案。