In uib-dropdown, input in uib-dropdown-toggle performs incorrectly in IE10

[justforuse]

I put an input element in uib-dropdown-toggle, When I click the input element ,the dropdown-menu will open ,but the input will lose focus then, and i click the input twice it will get focus but the dropdown is close, can i keep the input focus and dropdown open at the same time?
This issue happens in IE10, Chrome is correct.

Angular: v1.4.0-rc.2
UIBS: 1.3.3 - 2016-05-22
Bootstrap: v3.3.5

Here is my code:

<div class="btn-group" uib-dropdown keyboard-nav>
        <div class="input-group" uib-dropdown-toggle>
        	<input type="text">
        </div>
        
        <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="simple-btn-keyboard-nav">
            <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>

[justforuse]

I take the input element out of the div and add uib-dropdown-toggle to it ,and it performs well, but what happened? what if i have to put the input in the div.uib-dropdown-toggle?

[wesleycho]

Please post a reproduction in Plunker.

[justforuse]

@wesleycho Here is my plnkr, https://plnkr.co/edit/pMtUAk4J1O1Q2YrJpJX6?p=preview
thanks a lot

[wesleycho]

The culprit looks like https://github.com/angular-ui/bootstrap/blob/master/src/dropdown/dropdown.js#L272 - changing this could be problematic, as it would cause accessibility regressions.

This could be tricky to come up with an amenable fix for without resorting to the worst solution, a configuration value.