angular-ui-bootstrap - 使用 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-dropdown 焦点的问题...请查看此链接:https://github.com/angular-ui/bootstrap/issues/6372还有这个描述您的问题的:https://github.com/angular-ui/bootstrap/issues/6364