All geek questions in one place

Angularjs UI bootstrap modal with google sites

I am trying to open the Google Maps places auto-fill address form in the Bootstrap user interface module. My problem is that the google dropdown appears behind the modal, is there any way to get it on top of the modal so you can see it?

Address form https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Bootstrap http://angular-ui.imtqy.com/bootstrap/

Any help or ideas will help a lot.

+7
source share
2 answers

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

.pac-container { z-index: 100000; }
+39
source

I have angular7 + modal loader this does not work for me

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

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

Thanks Refercus for his decision !!!

+2
source

Source: https://habr.com/ru/post/978357/

More articles:


All Articles