Ionic Slide Box - Slider-slides empty div on iOS, but working on Android


I’m using an ionic slide box inside an ion-modal, and its working great on desktop chrome, as well as my Android device, but on iOS and in desktop Safari, the slide divs are not being populated for some reason.

I’m not creating the slides dynamically, I have them setup in the view already. And its working great on Android, but iOS, nothing is showing up, no errors, and there is just an empty div where the slides should be.

Here is the ion-slide-box element in chrome

And here it is in Safari

I have no idea why its not working.


have you got this working yet?


No, I took a break from it and I just started diving into it now. Not really sure where to start, but I’ll figure it out and let you know.


Ok. I got it working. For some reason, if I add


inside my ion-slide-box element, it works. I had the slide box working in another part of my app, which is what was driving me crazy. The only difference between the two is one part had an ng-if and the one not working didn’t have that. Seems like adding ng-if solves it at least for me.

Let me know if you need any help!


Ion-slides not working with ios