Would love to hear some news on this.

@NikolaDeveloper Here’s a one line fix / workaround for React:

// ...
<IonSlides onIonSlidesDidLoad={function(this: any){this.update()}}>
//...

It basically just calls update on IonSlides after loading. It’s nice because it doesn’t need any ref or additional variable.

One thing to note is that the bug can be fixed whenever it occurs by simply triggering a window resize

Good hint. I was able to fix it with the following exemplary workaround for my use case.

// slides-modal.component.html
...
<ion-content>
  <ion-slides #sliderRef>
    <ion-slide>
       ...
    </ion-slide>
  </ion-slides>
</ion-content>
...

// slides-modal.component.ts
import { Component, OnInit, ViewChild } from '@angular/core';
import { ModalController, IonSlides } from '@ionic/angular';

@Component({
  selector: 'app-slides-modal',
  templateUrl: './slides-modal.component.html',
  styleUrls: ['./slides-modal.component.scss']
})
export class SlidesModalComponent implements OnInit {

  @ViewChild('sliderRef', { static: true }) protected slides: IonSlides;

  constructor(private modalController: ModalController) {}

  ngOnInit() {
    this.slides.update();
  }
}

Edit: In case this workaround don’t work, check this one.

Fixed it with the ionViewDidEnter hook instead:

ionViewDidEnter () {
  this.slides.update();
}

I was able to reproduce this bug in Ionic 4.10.0, so it doesn’t seem like a 4.11 regression. I’m going to dig into this a bit more and see where the bug originally appeared.

I can confirm the bug with the StackBlitz example as I am also affected by the linked issue for the react package.

Unfortunately, the error really occurs randomly and cannot really be reproduced . You can try to swipe back and forward several times with e.g. pressed mouse button, close modal and open it again and redo some swiping. Repeat the process multiple times until the bug appears.

Example where it happens after the first try:

Hi,

I am hiding your comment as it is off topic and not constructive to getting this issue resolved. I will try to take a look at this issue this week.

We have acknowledged this is an issue here. We are looking into a resolution; however, since it appears randomly it is a bit tricky to resolve. Additionally, a few users on this thread have provided temporary workarounds. I will post another update here when I have more information to share.

Thanks!

My issue is slides will not swipe in a modal when it is first opened. Open the modal again, the slides works.

Following the above suggest, I solved the issue simply by adding a .update() call:

slides.update();

Don’t know why.

Hi everyone,

This was resolved via https://github.com/ionic-team/ionic-framework/pull/24257 and a fix will be available in an upcoming release of Ionic. This fix will be available in both Ionic 5 and Ionic 6. Thanks!

@netsesame2 thanks for the hint, looks like it worked for me

+1 to this issue tho I’m having this on React. Doesn’t work on iOS but does in browser