angularjs UI bootstrap modal with google places angularjs UI bootstrap modal with google places angularjs angularjs

angularjs UI bootstrap modal with google places


This turned out to just be a z-index issue, the problem was fixed with by adding the following to the CSS.

.pac-container {    z-index: 100000;}


I have angular7 + bootstrap modalthis not work for me

so I add ::ng-deep, see the final css below

::ng-deep .pac-container { z-index: 100000;}

thanks to referscus for his solution !!!


Maybe this problem is relevant to someone. I use angular material, and if I use matDialog - the autocompete is showed relative to the top of the page.This helped me:

.pac-container {    position: fixed !important;}