2017-02-23 60 views
1

我正在使用角帶2.3.9。並使用下面的代碼引導預輸入:Angular Strap typeahead popover display in wrong position

<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問題。你是否檢查過引導''.downdown-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()" > 

它解決了這個問題。