List not showing up about ion-google-place HOT 6 OPEN

Same behavior on my side

from ion-google-place.

Has something to do with the z-index of the ion-content element (setting it to 999 displays the element correctly)

from ion-google-place.

Same here in a list (no dropdown will be shown):

<ion-view view-title="Params" hide-back-button="true">
  <ion-content>
    <div>
      Params
    </div>

    <ion-list>
      <ion-item>
        <ion-google-place placeholder="Your address" ng-model="addressName" required name="address" location-changed="locationChanged" current-location="true"/>
      </ion-item>
    </ion-list>

  </ion-content>
</ion-view>

or in a div following by a div (the dropdown will be shown but the content behind the next div won't be displayed)

<ion-view view-title="Params" hide-back-button="true">
  <ion-content>
    <div>
      Params
    </div>

    <div>
      <ion-google-place placeholder="Your address" ng-model="addressName" required name="address" location-changed="locationChanged"/>
    </div>

    <div class="item range">
      <input type="range" name="distance" ng-model="distance" min="5" max="30">
    </div>

  </ion-content>
</ion-view>

Any clue or fix ?

Using the last .js and .css version of ion-google-place

from ion-google-place.

Hi,

I'm having the same problem.

Did somebody manage to solve this issue ?

from ion-google-place.

not me. I decided finally not to use ion-google-place.

from ion-google-place.

I was able to fix it with @esquire900 's analysis of the issue.

I created another class for the ion-content element and added a few lines in the CSS file to set the z-index to some big value.

from ion-google-place.