Ionic modal google place autocomplete issue

we are building a ionic app which uses google place autocomplete inside a ionicModal.

When we build the app and install it inside the phone ( either iOS or Android ) it is not possible to select an address from the address list.

After spending some time to search on the internet we found that :

  • the issue is caused by the css attribute “pointer-events:none” set by ionicModal;
  • it can be fixed if we add to .pac-container class the following line:
    .pac-container {

But when we build the app and install it in the phone it only works with ionic version:

code example here

Hi guys for anyone who might face the same problem, we found this directive works really well :