i sort of worked around the issue by actually not using the ion-slide but used original plugin that ion-slide uses: http://www.idangero.us/swiper/
declare var Swiper: any;
ionViewDidEnter() {
this.initializeSlider();
}
initializeSlider() {
this.mySwiper = new Swiper('.swiper-container', {
// Optional parameters
direction: 'horizontal',
loop: true
});
}
<ion-content>
<!-- Slider main container -->
<div class="swiper-container" style="height: 230px;">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
</div>
</div>
</ion-content>