Two clicks needed to open dropdown

[lenkaiser]

When Angular-UI is loaded and you're already using a dropdown menu the use has to click twice to open the dropdown. I think that Angular-UI is reacting first which doesn't do anything because the right properties aren't set and on the second click bootstrap it self will fire.

Currently I'm using Bootstrap 3.1.1 and Angular-UI 0.11.0. Below is the HTML I use to place a dropdown menu in a navbar.

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">
    <div class="navbar-header">
        <a class="navbar-brand" href="index.html">Index</a>
    </div>

    <ul class="nav navbar-top-links navbar-right">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li><a href="#/account"><i class="fa fa-user fa-fw"></i> User Profile</a>
                </li>
                <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                </li>
                <li class="divider"></li>
                <li><a href="#" ng-click="logout();"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

[lijuenc]

refer to: #2156

[PowerKiKi]

@lenkaiser could you please close this issue since it's a duplicate ?