如何通过jquery ui对话框集成修复select2？

Question

前一段时间，我开发了一个jQuery UI对话框，并将其与select2插件集成在一起以获取很多信息。首先，它可以正常工作，但随后发生的情况是，选择的下拉列表显示在主体内部，并且被严格切割。该对话框很小，因为它仅包含单个元素，因此该大小不足以显示完整的组合或至少具有相当大的大小。就在我提到对select2的调用时，select会以浏览器的默认样式显示。

如果有人可以帮助我，我将非常感谢。

问候。

以下是对话框的代码以及对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