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

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

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

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

ниже js используется для увольнения ласточки:

 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) ={amp}gt; { ... }); 

и это CSS

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

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

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

Мы ценим любые предложения :)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector