Ionic Slides all on one line?

Content within my ion-slides remains on one line? Any reasoning for this?
https://jsfiddle.net/daymon/8qsc4w0h/2/

Try in your .scss file:

  ion-slides {
    height: auto;
  }

or

  ion-slides {
    height: 100%;
  }

Thank you for the suggestion! Although this doesn’t seem to fix the issue, the elements still remain next to each other.

Ok, try it:

SCSS file:

ion-slides {
  height: 100%;
}

#objBottom {
  position:absolute;
  bottom: 0px;
}

#objTop {
  position:absolute;
  top: 0px;
}

HTML file:

<h2 class="slide-title" id="objTop">I'm on top!</h2>
<p id="objBottom">I should be on bottom</p>

have an issue about it https://github.com/ionic-team/ionic/issues/15448