Выпадающий список плагина select2 внутри модального окна при первом вызове неправильно позиционируется?

Question

[Виктор]

внутри модального окна со скролом, в нижней части окна находится выпадающий список selec2. Проблема в том что при первом вызове выпадающего списка он позиционируется вверх, выше селекта на высоту скролла. При повторном вызове он позиционируется нормально на высоту селекта.

Comments

[Антон]

Вроде бы была такая проблема, что-то около 3 часов воевал с ним, в итоге, я там (точно не помню) половину дефолтных стилей перелопатил

[Виктор]

Антон, Дело не в дефолтных стилях, а в том что при первом раскрытии списка он неправильно позиционируется. При повтором раскрытии или к примеру при скролле позиционирование выравнивается нормально.

[Антон]

Виктор Поляков, Разве что костылем, там при скролле сменяются классы, abowe и below, которые и позиционируют контейнер опшеном.
У меня быстро получилось накостылить только так, чтобы оставить лишь below
В самой библе найти
c.prototype._positionDropdown = function() {
В моей версии это 2115 строчка
В теле функции найти
j = i.top < f.top - h.height,
И поменять > на <
Теперь всего below и позиционирование не пашет

Answer 1

[Виктор]

В очередной раз отвечаю себе сам))) Но мало ли кому пригодится)
В итоге помог грязный хак)))

$('.select2').on('select2:open', function (e) {
$('.select2-dropdown').hide();
var y = $(window).scrollTop();

setTimeout(function(){
$('.select2-dropdown').show();
$(window).scrollTop(y + 1);
var x = $(window).scrollTop();
},100);
});