Идеальная полоса прокрутки внутри Select2. Ошибка высоты контейнера

Я пытаюсь интегрировать плагин Perfect Scrollbar с Select2. Полоса прокрутки заходит слишком далеко при прокрутке вниз. Кажется, PS неправильно вычисляет высоту контейнера параметров select2. Может ли кто-нибудь помочь с этим?

Вот простой html-фрагмент:

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

Js:

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

А вот jsfiddle


person Bogdan Matkovsky    schedule 17.11.2016    source источник


Ответы (1)


Из документации perfect-scrollbar:

Должны выполняться следующие требования:

  1. Контейнер должен иметь стиль позиции.**

Итак, все, что вам нужно, это добавить стиль позиции в контейнер:

.select2-results__options {
  position: relative;
}

Обновлена ​​скрипка.

person Natalia Yegorova    schedule 29.09.2017