使用 angular-ui-bootstrap 下拉菜单后无法专注于文本输入

Question

我有一个使用 angular-ui-bootstrap 下拉菜单和原始文本输入的按钮。页面加载后，我可以在输入框中自由输入文本。但是，点击按钮后，我无法再将焦点放在输入框上：焦点不断跳回下拉按钮。

我该如何解决这个问题，或者我遇到了错误（我应该提出问题）？

这是一个简单的例子，直接使用来自 angular-ui-bootstrap:

的代码

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-下拉焦点的问题...请检查此 link：https://github.com/angular-ui/bootstrap/issues/6372 and also this one which describes your issue: https://github.com/angular-ui/bootstrap/issues/6364

使用 angular-ui-bootstrap 下拉菜单后无法专注于文本输入

Unable to focus on text input after using angular-ui-bootstrap dropdown

angular-ui-bootstrap