jQuery select2打开后自动关闭

Question

select2位于bootstrap 4模态中，并且仅在模态中发生。

请参见上面的屏幕截图，当我单击该元素时，它会显示出来，然后关闭。

在chrome控制台中，我看到了这些警告

[Violation] Avoid using document.write().
[Violation] Forced reflow while executing JavaScript took 33ms
[Violation] 'readystatechange' handler took 151ms

这是我的代码

$ele.select2({
    dropdownParent: $('#bootstrap4-modal'),
    ajax: {
        url: '/path/to/data',
        type: 'get',
        dataType: 'json',
        data: function (params) {
            return {
                q: params.term,
                start: ((params.page || 1) - 1) * 10,
                length: 10,
            };
        },
        processResults: function (data, params) {
            params.page = params.page || 1;
            return {
                results: data.results,
                pagination: {
                    'more': (params.page * 10) < data.total
                }
            };
        }
    },
});

• 操作系统：macOS Mojave
• Chrome：73.0.3683.103（64位）
• 引导程序：v4.1.3
• select2：v4.0.5 （带有select2-bootstrap-theme / 0.1.0-beta.10）

P / S：并非总是如此

Answer 1

我认为我已经found a solution here，我错过的是.modal-content

dropdownParent: $('#bootstrap4-modal .modal-content'),

现在select2可以正确显示