Ionic modal google place autocomplete issue

1

Hi,
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 {
    pointer-events:auto;
    }

But when we build the app and install it in the phone it only works with ionic version:
http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css
http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.js

code example here

2

Hi guys for anyone who might face the same problem, we found this directive works really well : https://github.com/kuhnza/angular-google-places-autocomplete