使用angular-ui-bootstrap下拉菜單後無法集中精力文本輸入

Question

我有一個使用angular-ui-bootstrap下拉菜單和香草文本輸入的按鈕。一旦加載頁面，我可以自由地在輸入框中輸入文本。但是，點擊按鈕後，我不能再關注輸入框：焦點不斷跳回到下拉按鈕。

我該如何解決這個問題，或者我遇到了錯誤（我應該提出問題）？

這裏是直接從角-UI-引導使用代碼一個簡單的例子：

https://plnkr.co/edit/JbXo3WfLgrHoXcyC2If4?p=preview

<div ng-controller="DropdownCtrl"> 
    <!-- Single button --> 
    <div class="btn-group" uib-dropdown is-open="status.isopen"> 
     <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled"> 
     Button dropdown <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"> 
     <li role="menuitem"><a href="#">Action</a></li> 
     <li role="menuitem"><a href="#">Another action</a></li> 
     <li role="menuitem"><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li role="menuitem"><a href="#">Separated link</a></li> 
     </ul> 
    </div> 
    <input type="text"> 
</div> 

FWIW，這似乎是有問題的函數調用：https://github.com/angular-ui/bootstrap/blob/7a1d54c8c34265e0e1b7ac1b38f58b5867a2af49/src/dropdown/dropdown.js#L108

Answer 1

看起來你發現一個已經發現的錯誤。有人提出了ui-dropdown焦點問題...請檢查此鏈接：https://github.com/angular-ui/bootstrap/issues/6372以及描述您的問題的這一個：https://github.com/angular-ui/bootstrap/issues/6364