title: Angular ui-select not displaying
body: <p>I want to use ui-select, but it is not displaying anything and there are no errors in the developer console. I've been googling this for a few hours now and I've tried all the suggestions I've found, but nothing has helped.</p>
  
  <p>I use Chrome and I've included Bootstrap version 3.3.4 and Angular version 1.4.8 in my SPA project. I've also included the latest versions of select.min.css and select.min.js. I added ui-select (version 0.19.5) to my project through NuGet in Visual Studio 2015.</p>
  
  <p>I've reduced my code to a very simple example while trying to isolate the problem. Here is what I have right now (this is in my view):</p>
  
  <pre><code>&lt;div id="damageType" name="damageType" class="col-md-4"&gt;
      &lt;ui-select ng-maxlength="10"&gt;
  
          &lt;ui-select-choices repeat="f in ['light','hpexp']"&gt;
              {{ f }}
          &lt;/ui-select-choices&gt;
      &lt;/ui-select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried adding a ng-hide, like so, to no avail:</p>
  
  <pre><code>&lt;div id="damageType" name="damageType" class="col-md-4"&gt;
      &lt;ui-select ng-maxlength="10"&gt;
  
          &lt;ui-select-choices repeat="f in ['light','hpexp']" ng-hide="!$select.open"&gt;
              {{ f }}
          &lt;/ui-select-choices&gt;
      &lt;/ui-select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is what it looks like in the page. The div where the drop-down should be displayed is there, but it's height is 1. Also, as you can see, there are no errors in the console:</p>
  
  <p><a href="https://i.stack.imgur.com/shJTL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/shJTL.png" alt="ui-select not displaying"></a></p>
  
  <p>What could be the problem here?</p>