[SOLVED] Ionic v4 - ion-slide not working propperly (infinite horizontal scroll)

Ionic Framework
1

Ion-slide is not working propperly, it is working like an infinite horizontal scroll. Any additional property like pager or properties inside options are ignored.

I’ve realized that, when resizing screen (browser), ion-slide updates and works fine (see example gif below). On device, ion-slide also updates when changing device orientation.

slide-bug-updated
slide-bug-updated.gif796×1356 1.34 MB

Ionic info:

Ionic:

   ionic (Ionic CLI)          : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   NodeJS : v8.11.3 (/usr/local/bin/node)
   npm    : 5.6.0
   OS     : macOS High Sierra
   Xcode  : Xcode 9.4.1 Build version 9F2000

Steps to reproduce:

  1. Create new project:
    ionic start slides-demo tabs --type=angular
  2. Add simple ion-slides in HomePage:
<ion-slides pager="true">
  <ion-slide>
    Hi
  </ion-slide>
  <ion-slide>
    Hey
  </ion-slide>
</ion-slides>
  1. Run it on browser or device.
2

The issue was fixed in beta9.