の幅を適切に設定する方法を知っているすべての方法を試しました (そして失敗しました) kendoAutoComplete。私の最新の試み (以下) は JS ベースですが、多数の CSS ソリューションも試しました。
私が見ている問題は、選択した幅に関係なく、実際の入力領域が一貫した幅のままであり、右側に奇妙な灰色の領域があることです:
ホバー状態は次のとおりです (灰色のボックスが消えます)。
ただし、大きなテキスト ボックスの外観に惑わされないでください。入力を開始すると、次のようになります。
私はもう試した：
var autoComplete = $("#gridFilter").data("kendoAutoComplete");
autoComplete.list.width(400);
と
autoComplete .wrapper.css("width", "300px");
そして...さまざまなCSSソリューション。
ばかげたオートコンプリートの幅を設定するのが難しいのはなぜですか? ここで何が欠けていますか？
コンテナを埋めるために、オートコンプリートの幅を 100% にしたいです。
Telerik が一貫して私を傷つけたくなる理由を理解するのを手伝ってくれればボーナスポイント。
編集
わかりました、私は（部分的に）それを理解しました。ページからブートストラップ CSS を一時的に削除したところ、入力が期待どおりに機能しました。
問題のある CSS を見つけたら、ここに回答を投稿します。