google.maps.places.Autocomplete не работает внутри fancybox

Question

Если вы обнаружите, что google.maps.places.Autocomplete не работает, но вы видите, что вызовы API происходят и возвращают результаты в фоновом режиме при вводе текста, тогда проверьте здесь для решения.

Answer 1

В основном вам нужно найти и установить z-индекс для div с классом pac-container на более высокое значение.Например: $ ('. pac-container'). css ('z-index', 9999);

Этот контейнер содержит результаты автозаполнения и может не отображаться из-за нахождения внутри fancybox.

Answer 2

поместите этот код на всплывающую страницу

.pac-container {
   background-color: #FFF;
   z-index: 50;
   position: fixed;
   display: inline-block;
 }

.modal{
 z-index: 20;   
}

Надеюсь, что это работает ..

Answer 3

Попробуйте это CSS

.popup_container{ 
/* Your popup code */
  z-index: 1060;
}
.pac-container {
  z-index: 1062 !important;
}