Как заставить Sweet Alert 2 срабатывать над картой Google, пока карта находится в полноэкранном режиме? - PullRequest
Новая
       19

Как заставить Sweet Alert 2 срабатывать над картой Google, пока карта находится в полноэкранном режиме?

0 голосов
/ 17 октября 2019

У меня есть приложение, которое использует Google Maps. Я использую Sweet Alert 2 для подтверждения JS. У меня нет проблем при запуске диалогов Sweet Alert, если карта Google НЕ находится в полноэкранном режиме. Однако, когда Google Карты работают в полноэкранном режиме, диалоговое окно запускается, но не отображается, пока я не выйду из полноэкранного режима.

У меня была похожая проблема с модальностью начальной загрузки, и я решил ее, установив z-indexна модальных контейнерах. Я думал, что мог бы сделать то же самое со Sweet Alert 2, но он не работает.

ниже приведены js, используемые для запуска swal: 

Swal.fire({
    title: 'Are you sure you want to delete this point?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'Yes, delete it!',
    customClass: {
        container: 'my-swal'
    }
}).then((result) => {
    ...
});

и это css:

.my-swal {
    z-index: 2147483600;
}

В дополнение к приведенному выше коду я также попытался просто применить z-index к классу контейнеров Sweet Alert 2 по умолчанию "swal2-container" и не указывать customClass в огне. Это тоже не сработало.

Интересно, что в обоих примерах, когда я проверяю страницу, она показывает, что z-index контейнера установлен в соответствии с тем, что я указал, но предупреждениевсе еще не видно. И снова, это же решение применяется к модальным контейнерам Bootstrap на странице и работает нормально.

Будем благодарны за любые предложения:)

...