Где-то в библиотеке select2 установлен встроенный стиль top = "323px".Или это может быть рассчитано в зависимости от того, где инициализирован компонент select2.В любом случае я бы хотел изменить его, подумал, что это будет очень просто.
Я пытался установить! Важные флаги для свойства css position " top ", а также javascriptниже, где я инициализирую и обрабатываю событие открытия компонента select2.В консоли devtools я могу запустить
document.querySelectorAll('.select2-container, .select2-container--default, .select2-container--open')[1].style.top = "303px"
, и это работает.Но ниже приведен мой код JS
this.selectTrigger.on('select2:open', () => {
$('.select2-container, .select2-container--default, .select2-container--open').eq(1).css("top", "303px");
}
Обратите внимание, что есть два элемента с одинаковыми множественными классами.Похоже, что Select2 создает скрытый доступный параметр выбора компонент dom, а также компонент ul li с идентичными параметрами в нижней части тега body .