title: AngularJS bootstrap dropdown not working in IE 11
body: <p>I have a drop-down of AngularJS Bootstrap which displays two options. It works completely fine in FF and Chrome but IE shows a weird behavior. The drop-down doesn't show the options and seem to be hidden. After resizing the window, the options are shown just like a dropdown works.</p>
  
  <p>Angular version is used is 1.4.3</p>
  
  <p>Here's my code</p>
  
  <pre><code> &lt;div class="btn-group ViewEditOption" dropdown&gt;
                          &lt;button id="single-button" type="button" class="btn btn-default" style="width: 100px; font-size: 14px; color: #364395;"
                              dropdown-toggle ng-disabled="disabled"&gt;
                              Can {{user.projectRoleName}} &lt;span class="caret" style="margin-left: 5%;"&gt;&lt;/span&gt;
                          &lt;/button&gt;
                          &lt;ul class="dropdown-menu" role="menu" aria-labelledby="single-button"&gt;
                              &lt;li role="menuitem" ng-repeat="role in availableRoles"&gt;&lt;a class="dd" href="#" ng-click="updateRole($event, user, role)"&gt;
                                  Can {{role.name}}&lt;/a&gt;&lt;/li&gt;
                      &lt;/div&gt;
  </code></pre>