title: jQuery Nice Select not working with overflow hidden
body: <p>I am using <a href="https://hernansartorio.com/jquery-nice-select/" rel="nofollow noreferrer">hernansartorio/jquery-nice-select</a> plugin and trying to make it truncate long named option strings.</p>
  
  <p>Select is not working properly when overflow is set to hidden - when clicked dropdown not appears. (it appears but not shown and you can still choose option by up/down arrows) 
  I just want to hide too long strings with ellipsis nicely. Is there any way to do this?
  Thank you in advance.</p>
  
  <p>Here is an <a href="https://codepen.io/Dmitrevicz/pen/RwwQgwg" rel="nofollow noreferrer">example on codepen</a>.</p>
  
  <pre><code>&lt;select class="bug-overflow"&gt;
    &lt;option value="First one"&gt;Bug First lorem lorem lorem lorem lorem one&lt;/option&gt;
    &lt;option value="Second One"&gt;Bug Second lorem lorem lorem lorem lorem one&lt;/option&gt;
  &lt;/select&gt;
  
  /* bug style */
  .bug-overflow {
    width: 150px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden; /*bug here*/
    white-space: nowrap;
  }
  
  $(document).ready(function() {
    $('select').niceSelect();
  });
  </code></pre>
  
  <p>Checked on mac os 10.13.6 (chrome, opera, safari), windows 10 (chrome, opera, ff), android (chrome, samsung internet)</p>