Ion-slide inside ion-tab does not work

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>