2017-02-23 5 views
1

앵글 스트랩 2.3.9를 사용하고 있습니다. 그리고 부트 스트랩 선행 입력에 대해 다음 코드를 사용 : 나는 텍스트 상자의 첫 번째 문자를 입력 할 때앵글 스트랩 형 머리글 팝업 표시가 잘못된 위치에 표시됩니다.

<input type="text" class="form-control" ng-model="list" bs-options="val.description as val.description for val in listValues" ng-blur="checkFunction()" limit="10" bs-typeahead> 

는 팝 오버 화면 (스크린 샷 1 - typeaheadIssue)의 오른쪽 하단에 나타납니다. 그러나 와드의 두 번째 문자의 경우 팝업 상자가 텍스트 상자 아래에 올바르게 표시됩니다 (스크린 샷 2 - typeaheadIssue1).

저는 앵글 스트랩 2.2.4를 사용해 보았습니다. 잘 작동하지만 앵글 스트랩 2.3.8이이 문제를 만듭니다. 이 문제가 계속 공개되어 있습니까? 아니면이 수정 프로그램과 관련된 업데이트가 있습니까?

스크린 샷 1 :

enter image description here

스크린 샷 2 다음과 같이 나는 각 스트랩 선행 입력을 대체했다

enter image description here

+0

CSS 문제인 것 같습니다. 부트 스트랩'.dropdown-menu' 클래스의'min-width' 속성을 확인 했습니까? 좀 더 많은 코드를 공유 할 수 있습니까 (최소한 HTML 부모 요소와 관련 CSS)? –

답변

0

은 참조를 위해 첨부 된 스크린 샷을 확인하시기 바랍니다 :

<input type="text" class="form-control" ng-model="list" typeahead="val.description as val.description for val in valueListValues | filter:$viewValue | limitTo:10" ng-blur="checkFunction()" > 

문제가 해결되었습니다.

관련 문제