如何用kendoAutoComplete設置

我已經嘗試了各種方法，我知道如何（和失敗）正確設置kendoAutoComplete的寬度。我最近的嘗試（下面）是基於JS的，但我也嘗試了很多CSS解決方案。如何用kendoAutoComplete設置

我看到的問題是，無論是寬度讓我選擇，實際輸入區域保持一致的寬度，然後有一個奇怪的灰色區域向右：

這裏的懸停狀態（灰色框消失）：

但是不要被大量的文本框的外表所迷惑。下面是當你開始輸入時會發生什麼：

我已經試過：

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

而且

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

而且......各種CSS的解決方案。

爲什麼設置愚蠢自動完成的寬度這麼難？我在這裏錯過了什麼？

我希望自動完成的寬度爲100％以填充其容器。

如果您能幫助我理解Telerik一直讓我想傷害自己的原因，可以獲得獎勵積分。

編輯

好了，我（部分）計算出來。我暫時從頁面中刪除了引導CSS，並且輸入按預期工作。

如果我找到有問題的CSS，我會在這裏發佈答案。

2017-04-11 James Hill

你是如何設置它的？它與100％寬度kendoAutoComplete [在這個例子中]（http://dojo.telerik.com/IHOji）有什麼不同？ –

我看不出有什麼區別。 –

_「爲什麼Telerik一直讓我想傷害自己？」_因爲有很棒的功能非常棒......在這個確切的時刻，本伯伯被他自己射殺了。要解決這個問題，請嘗試轉發或重定向你的憤怒！ –

正如在上面的編輯中提到的，默認引導CSS與樣式衝突。具體來說，max-width屬性。下面的CSS固定它：

<input id="gridFilter" style="max-width: 10000px; width:100%;" />

2017-04-11 17:25:48

回答