kendoAutoCompleteで設定する方法

kendoAutoCompleteの幅を正しく設定する方法を知っています。私の最近の試み（下記）はJSベースですが、私は多数のCSSソリューションも試しました。kendoAutoCompleteで設定する方法

私が見ている問題は関係なく、私が選択した幅、実際の入力エリアが一貫した幅のままで、その後右に奇妙な灰色の領域が存在することである：

ここですホバー状態（灰色のボックスが消える）：

しかし、大きなテキストボックスの外観にだまされてはいけません。ここでは、入力を開始するときに何が起こるかです：

私が試してみた：

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

そして

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

そして...様々なCSSのソリューションを。

なぜ愚かな自動完成の幅を設定するのは難しいのですか？私はここで何が欠けていますか？

自分のオートコンプリートの幅を100％にして、そのコンテナを埋めることができます。

私がTelerikが一貫して自分自身を傷つけたい理由を理解できるように助けてくれたら、ボーナスポイントがあります。

EDIT

OK、私は（部分的に）それを考え出しました。私は一時的にページからブートストラップCSSを削除し、入力は期待通りに機能します。

問題のCSSが見つかった場合は、ここで回答を投稿します。

2017-04-11 James Hill

どのように設定しましたか？それは100％幅kendoAutoComplete [この例では]（http://dojo.telerik.com/IHOji）とはまったく違いますか？ –

私は違いは何も見ません。 –

_「なぜテレテリックが一貫して私を傷つけたいのか」_素晴らしい機能が素晴らしいから...この厳しい瞬間、ベン・アンクルは彼自身によって撃たれた。これを修正するには、あなたの怒りを乗り越えるか、リダイレクトしてみてください！ –

上記の編集で述べたように、デフォルトのブートストラップCSSはスタイリングと競合していました。具体的には、max-widthプロパティです。下のCSSはそれを修正しました：

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

2017-04-11 17:25:48

答えて