Как исправить select2 с интеграцией диалогов JQuery UI? - PullRequest
Новая
       8

Как исправить select2 с интеграцией диалогов JQuery UI?

0 голосов
/ 03 октября 2018

Некоторое время назад я разработал диалоговое окно jQuery UI и интегрировал его с плагином select2 для большого количества информации.Сначала он работал правильно, но потом случается, что выпадающий список отображается внутри тела и ужасно обрезается.Диалог небольшой, так как он содержит только этот единственный элемент, и поэтому его размер недостаточен для отображения полной комбинации или, по крайней мере, значительного размера.Просто, когда я упоминаю о вызове select2, выбор отображается в стиле браузера по умолчанию.

Если кто-нибудь может мне помочь с этим, я был бы очень признателен.

Привет.

Здесь код диалога вместе с вызовом select2: 

link = $('.change_user_link').click(function(event) {
event.preventDefault()
dialog = $('#' + $(this).attr('id') + '.change_user_modal').dialog({
  modal: true,
  resizable: false,
  title: 'Change Owner',
  buttons: {
    Save: function() { $(this).find('form').submit() },
    Cancel: function() { $(this).dialog('close') }
  },
  open: function(event, ui) {
    $(this).parents('.ui-dialog').find('.ui-dialog-titlebar-close').remove()
  }
});
$('.change_user_select').select2({
    dropdownParent: $(dialog)
})
});

Вот ссылка на скриншот:

https://imgur.com/gallery/H9rXS7i

...