title: selectpicker - error only with more options in the select
body: <p>This script shows a year-month dropdown.</p>
  <p>When clicking on it to change its value, this error occurs in the Firefox console, without showing the options in the select:</p>
  <blockquote>
  <pre><code>Uncaught TypeError: A.selectpicker.current.data[(v + A.selectpicker.view.position0)] is undefined
      i bootstrap-select.js:1256
      createView bootstrap-select.js:1135
      setSize bootstrap-select.js:2045
      clickListener bootstrap-select.js:2341
      jQuery 8
      checkDisabled bootstrap-select.js:2293
      init bootstrap-select.js:932
      J bootstrap-select.js:832
      t bootstrap-select.js:3050
      jQuery 2
      Q bootstrap-select.js:3033
      &lt;anonymous&gt; bootstrap-select.js:3100
      jQuery 2
      &lt;anonymous&gt; bootstrap-select.js:3098
      jQuery 8
      &lt;anonymous&gt; bootstrap.min.js:6
      &lt;anonymous&gt; bootstrap.min.js:6 bootstrap-select.js:1256:18
  </code></pre>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/css/bootstrap-select.min.css"&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/js/bootstrap-select.min.js"&gt;&lt;/script&gt;
  
  &lt;select class='form-control selectpicker' data-live-search='true' data-size='10' data-width='fit' class="select"&gt;
  &lt;option value="2018-01"&gt;2018-01&lt;/option&gt;
  &lt;option value="2018-02"&gt;2018-02&lt;/option&gt;
  &lt;option value="2018-03"&gt;2018-03&lt;/option&gt;
  &lt;option value="2018-04"&gt;2018-04&lt;/option&gt;
  &lt;option value="2018-05"&gt;2018-05&lt;/option&gt;
  &lt;option value="2018-06"&gt;2018-06&lt;/option&gt;
  &lt;option value="2018-07"&gt;2018-07&lt;/option&gt;
  &lt;option value="2018-08"&gt;2018-08&lt;/option&gt;
  &lt;option value="2018-09"&gt;2018-09&lt;/option&gt;
  &lt;option value="2018-10"&gt;2018-10&lt;/option&gt;
  &lt;option value="2018-11"&gt;2018-11&lt;/option&gt;
  &lt;option value="2018-12"&gt;2018-12&lt;/option&gt;
  &lt;option value="2019-01"&gt;2019-01&lt;/option&gt;
  &lt;option value="2019-02"&gt;2019-02&lt;/option&gt;
  &lt;option value="2019-03"&gt;2019-03&lt;/option&gt;
  &lt;option value="2019-04"&gt;2019-04&lt;/option&gt;
  &lt;option value="2019-05"&gt;2019-05&lt;/option&gt;
  &lt;option value="2019-06"&gt;2019-06&lt;/option&gt;
  &lt;option value="2019-07"&gt;2019-07&lt;/option&gt;
  &lt;option value="2019-08"&gt;2019-08&lt;/option&gt;
  &lt;option value="2019-09"&gt;2019-09&lt;/option&gt;
  &lt;option value="2019-10"&gt;2019-10&lt;/option&gt;
  &lt;option value="2019-11"&gt;2019-11&lt;/option&gt;
  &lt;option value="2019-12"&gt;2019-12&lt;/option&gt;
  &lt;option value="2020-01"&gt;2020-01&lt;/option&gt;
  &lt;option value="2020-02"&gt;2020-02&lt;/option&gt;
  &lt;option value="2020-03"&gt;2020-03&lt;/option&gt;
  &lt;option value="2020-04"&gt;2020-04&lt;/option&gt;
  &lt;option value="2020-05"&gt;2020-05&lt;/option&gt;
  &lt;option value="2020-06"&gt;2020-06&lt;/option&gt;
  &lt;option value="2020-07"&gt;2020-07&lt;/option&gt;
  &lt;option value="2020-08"&gt;2020-08&lt;/option&gt;
  &lt;option value="2020-09"&gt;2020-09&lt;/option&gt;
  &lt;option value="2020-10"&gt;2020-10&lt;/option&gt;
  &lt;option value="2020-11" selected="selected"&gt;2020-11&lt;/option&gt;
  &lt;option value="2020-12"&gt;2020-12&lt;/option&gt;
  &lt;option value="2021-01"&gt;2021-01&lt;/option&gt;
  &lt;option value="2021-02"&gt;2021-02&lt;/option&gt;
  &lt;option value="2021-03"&gt;2021-03&lt;/option&gt;
  &lt;option value="2021-04"&gt;2021-04&lt;/option&gt;
  &lt;option value="2021-05"&gt;2021-05&lt;/option&gt;
  &lt;option value="2021-06"&gt;2021-06&lt;/option&gt;
  &lt;option value="2021-07"&gt;2021-07&lt;/option&gt;
  &lt;option value="2021-08"&gt;2021-08&lt;/option&gt;
  &lt;option value="2021-09"&gt;2021-09&lt;/option&gt;
  &lt;option value="2021-10"&gt;2021-10&lt;/option&gt;
  &lt;option value="2021-11"&gt;2021-11&lt;/option&gt;
  &lt;option value="2021-12"&gt;2021-12&lt;/option&gt;
  &lt;option value="2022-01"&gt;2022-01&lt;/option&gt;
  &lt;option value="2022-02"&gt;2022-02&lt;/option&gt;
  &lt;option value="2022-03"&gt;2022-03&lt;/option&gt;
  &lt;option value="2022-04"&gt;2022-04&lt;/option&gt;
  &lt;option value="2022-05"&gt;2022-05&lt;/option&gt;
  &lt;option value="2022-06"&gt;2022-06&lt;/option&gt;
  &lt;option value="2022-07"&gt;2022-07&lt;/option&gt;
  &lt;option value="2022-08"&gt;2022-08&lt;/option&gt;
  &lt;option value="2022-09"&gt;2022-09&lt;/option&gt;
  &lt;option value="2022-10"&gt;2022-10&lt;/option&gt;
  &lt;option value="2022-11"&gt;2022-11&lt;/option&gt;
  &lt;option value="2022-12"&gt;2022-12&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>But this one, identical but with fewer options, works:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/css/bootstrap-select.min.css"&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/js/bootstrap-select.min.js"&gt;&lt;/script&gt;
  
  &lt;select class='form-control selectpicker' data-live-search='true' data-size='10' data-width='fit' class="select"&gt;
  &lt;option value="2018-01"&gt;2018-01&lt;/option&gt;
  &lt;option value="2018-02"&gt;2018-02&lt;/option&gt;
  &lt;option value="2018-03"&gt;2018-03&lt;/option&gt;
  &lt;option value="2018-04"&gt;2018-04&lt;/option&gt;
  &lt;option value="2018-05"&gt;2018-05&lt;/option&gt;
  &lt;option value="2018-06"&gt;2018-06&lt;/option&gt;
  &lt;option value="2018-07"&gt;2018-07&lt;/option&gt;
  &lt;option value="2018-08"&gt;2018-08&lt;/option&gt;
  &lt;option value="2018-09"&gt;2018-09&lt;/option&gt;
  &lt;option value="2018-10"&gt;2018-10&lt;/option&gt;
  &lt;option value="2018-11"&gt;2018-11&lt;/option&gt;
  &lt;option value="2018-12"&gt;2018-12&lt;/option&gt;
  &lt;option value="2019-01"&gt;2019-01&lt;/option&gt;
  &lt;option value="2019-02"&gt;2019-02&lt;/option&gt;
  &lt;option value="2019-03"&gt;2019-03&lt;/option&gt;
  &lt;option value="2019-04"&gt;2019-04&lt;/option&gt;
  &lt;option value="2019-05"&gt;2019-05&lt;/option&gt;
  &lt;option value="2019-06"&gt;2019-06&lt;/option&gt;
  &lt;option value="2019-07"&gt;2019-07&lt;/option&gt;
  &lt;option value="2019-08"&gt;2019-08&lt;/option&gt;
  &lt;option value="2019-09"&gt;2019-09&lt;/option&gt;
  &lt;option value="2019-10"&gt;2019-10&lt;/option&gt;
  &lt;option value="2019-11"&gt;2019-11&lt;/option&gt;
  &lt;option value="2019-12"&gt;2019-12&lt;/option&gt;
  &lt;option value="2020-01"&gt;2020-01&lt;/option&gt;
  &lt;option value="2020-02"&gt;2020-02&lt;/option&gt;
  &lt;option value="2020-03"&gt;2020-03&lt;/option&gt;
  &lt;option value="2020-04"&gt;2020-04&lt;/option&gt;
  &lt;option value="2020-05"&gt;2020-05&lt;/option&gt;
  &lt;option value="2020-06"&gt;2020-06&lt;/option&gt;
  &lt;option value="2020-07"&gt;2020-07&lt;/option&gt;
  &lt;option value="2020-08"&gt;2020-08&lt;/option&gt;
  &lt;option value="2020-09"&gt;2020-09&lt;/option&gt;
  &lt;option value="2020-10"&gt;2020-10&lt;/option&gt;
  &lt;option value="2020-11" selected="selected"&gt;2020-11&lt;/option&gt;
  &lt;option value="2020-12"&gt;2020-12&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Why?</p>
  <p>How to make it work?</p>
  <p>Thannks</p>