kendoAutoComplete에서 설정하는 방법

Question

kendoAutoComplete에서 너비를 올바르게 설정하는 방법을 모르고 시도했습니다. 내 최근 시도 (아래) JS 기반으로하지만 또한 많은 CSS 솔루션을 시도했다.

제가 보는 문제는 상관없이 내가 선택 폭이 실제 입력 영역 일관된 폭을 유지하다가 오른쪽에 이상한 회색 영역이 있다는 것입니다 :

은 여기가

을하지만 큰 텍스트 상자의 모양에 속지 마십시오 : 호버 상태 (회색 상자가 사라집니다). 여기에 입력하기 시작하면 어떻게 무엇을 : 나는 시도했다

:

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

그리고

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

그리고 ... 다양한 CSS 솔루션을.

어리석은 자동 완성의 너비를 설정하는 것이 왜 그렇게해야합니까? 내가 여기서 무엇을 놓치고 있니?

컨테이너를 채우기 위해 내 자동 완성의 너비를 100 %로 설정하고 싶습니다.

Telerik이 지속적으로 나 자신을 해치려는 이유를 이해하도록 도와 주시면 보너스 포인트가됩니다.

편집

OK, 나는 (부분적으로) 그것을 알아 냈어요. 일시적으로 페이지에서 부트 스트랩 CSS를 제거하고 입력이 예상대로 작동합니다.

내가 불쾌감을주는 CSS를 발견하면 여기에 답변을 게시하겠습니다.

Answer 1

위 편집에서 언급했듯이 기본 부트 스트랩 CSS는 스타일과 충돌합니다. 특히 max-width 속성 아래 CSS가이를 수정했습니다 :

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