Collection-repeat not displaying all of my items


I have an array of 8 items.

I am displaying them 2-up with the collection-repeat directive.

It is displaying only 4 of my 8 items.

It allows me to pull scroll the ion-content area, but there are not any more items below the top 4.

I checked the DOM after doing an ionic serve. The other 8 items are in the DOM, just not displaying.


Here is a snippet of my code. (NOTE: trips is an array of objects with title and other.

<ion-content class="has-header">
  <div class="trips">
    <div collection-repeat="trip in trips"
      <div class="trip">