2017-02-23 3 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キャラクターの場合、ポップオーバーはテキストボックスの下に正しく表示されます(スクリーンショット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()" > 

は、それは問題を解決しました。

関連する問題