2

我已经尝试了所有我知道如何(但失败)正确设置宽度的方法kendoAutoComplete。我最近的尝试(如下)是基于 JS 的,但我也尝试了许多 CSS 解决方案。

我看到的问题是,无论我选择什么宽度,实际的输入区域都保持一致的宽度,然后右边有一个奇怪的灰色区域:

在此处输入图像描述

这是悬停状态(灰色框消失):

在此处输入图像描述

但不要被大文本框的外观所迷惑。当您开始键入时会发生以下情况:

在此处输入图像描述

我试过了:

var autoComplete = $("#gridFilter").data("kendoAutoComplete");
autoComplete.list.width(400);

autoComplete .wrapper.css("width", "300px");

还有……各种 CSS 解决方案。

为什么设置一个愚蠢的自动完成的宽度这么难?我在这里想念什么?

我希望我的自动完成的宽度为 100% 以填充其容器。

如果你能帮助我理解为什么 Telerik 总是让我想伤害自己,那就加分。

编辑

好的,我已经(部分)想通了。我暂时从页面中删除了引导 CSS,输入按预期工作。

如果我发现有问题的 CSS,我会在这里发布答案。

4

1 回答 1

1

正如上面编辑中提到的,默认的 Bootstrap CSS 与样式冲突。具体来说,max-width财产。下面的 CSS 修复了它:

<input id="gridFilter" style="max-width: 10000px; width:100%;" />
于 2017-04-11T17:25:48.310 回答