Ionic Slides resize problem

I have a slide next to an ion-split-pane next to an ion-slides but when the rotation of the device is changed (ie. screen resize) the ion-slide does not adjust to the new view.

My app.component.html as follows:

<ion-app>
  <ion-split-pane contentId="main">
    <ion-menu side="start" contentId="main">
      ...
    </ion-menu>

  <ion-router-outlet id="main" [swipeGesture]="false"></ion-router-outlet>
  </ion-split-pane>
</ion-app>

and my ion-slides component HTML as follows:

<ion-header>
  <ion-toolbar>
    <ion-title size="large" color="success">Loader</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-slides pager="true">
    <ion-slide>
      <ion-content>
        <app-bar-loader></app-bar-loader>
      </ion-content>
    </ion-slide>
    <ion-slide>
      <ion-content>
        <app-bar-loaded></app-bar-loaded>
      </ion-content>
    </ion-slide>
  </ion-slides>
</ion-content>

5 posts - 2 participants

Read full topic