jQuery select2 автоматическое закрытие сразу после открытия - PullRequest
Новая
       17

jQuery select2 автоматическое закрытие сразу после открытия

0 голосов
/ 18 апреля 2019

select2 находится внутри начальной загрузки 4, и это происходит только в модальном режиме.

Select2 bug

См. Скриншот выше, когда я нажимаю на элемент, он показывает, затем закрывается.

В хромированной консоли я вижу эти предупреждения 

[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-разрядная версия)
  • Bootstrap: v4.1.3
  • select2: v4.0.5 (с select2-bootstrap-theme / 0.1.0-beta.10)

P / S: это не всегда случается

1 Ответ

0 голосов
/ 18 апреля 2019

Я думаю, что нашел решение здесь , я упустил .modal-content

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

Теперь select2 отображается правильно

...