title: Bootstrap Select-Picker prevent close
body: <p>Hey Guys I am working with <a href="http://silviomoreto.github.io/bootstrap-select/" rel="nofollow noreferrer">Bootstrap Select-picker</a>. I want to open the drop list by default and not to close the select-picker on focus out.</p>
  <p><strong>Code</strong>:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;select class=&quot;selectpicker&quot; multiple data-live-search=&quot;true&quot; data-actions-box=&quot;true&quot;&gt;
    &lt;optgroup label=&quot;filter1&quot;&gt;
      &lt;option&gt;option1&lt;/option&gt;
      &lt;option&gt;option2&lt;/option&gt;
      &lt;option&gt;option3&lt;/option&gt;
      &lt;option&gt;option4&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label=&quot;filter2&quot;&gt;
      &lt;option&gt;option1&lt;/option&gt;
      &lt;option&gt;option2&lt;/option&gt;
      &lt;option&gt;option3&lt;/option&gt;
      &lt;option&gt;option4&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label=&quot;filter3&quot;&gt;
      &lt;option&gt;option1&lt;/option&gt;
      &lt;option&gt;option2&lt;/option&gt;
      &lt;option&gt;option3&lt;/option&gt;
      &lt;option&gt;option4&lt;/option&gt;
    &lt;/optgroup&gt;
  &lt;/select&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
    $('.selectpicker').selectpicker();
  &lt;/script&gt;
  </code></pre>
  
  <p>Is this possible??</p>