Как сделать select2-контейнер top 0? - PullRequest
Новая
       17

Как сделать select2-контейнер top 0?

0 голосов
/ 05 июня 2019

Как настроить положение контейнера Select2 таким образом, чтобы поле поиска находилось прямо над исходным выбором.

Так что: 

var select = $('.select');

select.select2({
  width: "100%",
  minimumResultsForSearch: Infinity,
  dropdownParent: $('.selectWrap'),
}).on('select2:open', function() {
  var container = $('.select2-container:last-child').find('.select2-dropdown--below');

  container.css({
    top: -27 + 'px',
    background: '#000'
  })
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>

<div class="selectWrap">
  <select class="select" name="" id="">
    <option value="1" selected>Choose 1</option>
    <option value="2">Choose 2</option>
  </select>
</div>

Я использовал ответ от здесь , но он не работает для меня. В чем моя ошибка?

...