Perfect scrollbar inside of Select2. Container height bug
<p>I'm trying to integrate Perfect scrollbar plugin with Select2. The scrollbar go to far while scrolling down. It seems PS is incorrectly calculating height of select2 options container. Can somebody help with this?</p>

<p>Here is a simple html snippet:</p>

<pre><code>&lt;select class="select2-example"&gt;
  &lt;option value="1"&gt;Item 1&lt;/option&gt;
  &lt;option value="2"&gt;Item 2&lt;/option&gt;
  &lt;option value="3"&gt;Item 3&lt;/option&gt;
  &lt;option value="4"&gt;Item 4&lt;/option&gt;
  &lt;option value="5"&gt;Item 5&lt;/option&gt;
  &lt;option value="6"&gt;Item 6&lt;/option&gt;
  &lt;option value="7"&gt;Item 7&lt;/option&gt;
  &lt;option value="8"&gt;Item 8&lt;/option&gt;
  &lt;option value="9"&gt;Item 9&lt;/option&gt;
  &lt;option value="10"&gt;Item 10&lt;/option&gt;
  &lt;option value="11"&gt;Item 11&lt;/option&gt;
  &lt;option value="12"&gt;Item 12&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Js:</p>

<pre><code>$(document).ready(function() {
  $(".select2-example").select2();
  $('.select2-example').on("select2:open", function () {
    $('.select2-results__options').perfectScrollbar();
  });
});
</code></pre>

<p>And here is <a href="https://jsfiddle.net/zmomf1t9/5/" rel="nofollow noreferrer">jsfiddle</a></p>