Transition to previous page is delayed in iOS

@cikcoh wrote:

ezgif.com-crop.gif600×703 904 KB

Hi, I have page with maps and ion-slide, I notice that when transitioning to previous page, the ion-slide is delayed.

<ion-header>
  <ion-navbar navbarTheme>
    <ion-title text-center>Neighbourhood Watch</ion-title>
  </ion-navbar>
</ion-header>
<!--Content -->
<ion-content elastic-header>
  <div id="elastic-header" #map id="map"></div>
</ion-content>
<div footerstyle>
  <ion-grid no-padding>
    <ion-row>
      <ion-col col size="12">
        <ion-slides carouselslidesize slidesPerView="auto" *ngIf="emergencyList.length > 0">
          <ion-slide carouselsize *ngFor="let e of emergencyList; index as i">
            <div badgePostyle><i class="icon-map-marker-radius"></i><span>{{directionList[i].distance}} / {{directionList[i].duration}}</span></div>
            <ion-card cardsize>
              <img roundorgimg src="{{e.avatar}}"/>
              <img style="z-index:-1; height:100px;" src=""/>
              <ion-card-content (tap)="detail(i)">
                <ion-card-title twolinesEllipsis style="height: 70px!important;">
                  {{e.who}}
                </ion-card-title>
                <p twolinesEllipsis style="height: 43px;">
                  {{e.adrs}}
                </p>
              </ion-card-content>
              <ion-row>
                <ion-col>
                  <button ion-button icon-start actbutton block clear small (tap)="callVictim(i)">
                    <ion-icon name="call"></ion-icon>
                    <div>Call</div>
                  </button>
                </ion-col>
                <ion-col>
                  <button ion-button icon-start actbutton block clear small (tap)="navigate(i)">
                    <ion-icon name="navigate"></ion-icon>
                    <div>Navigate</div>
                  </button>
                </ion-col>
              </ion-row>
            </ion-card>
          </ion-slide>
        </ion-slides>
      </ion-col>
    </ion-row>
  </ion-grid>
</div>

Posts: 1

Participants: 1

Read full topic