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.

Thoughts?

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"
         collection-item-width="'50%'"
         collection-item-height="'50'">
      <div class="trip">
        <h2>{{trip.title}}</h2>
        <div>...snip</div>
      </div>
    </div>
  </div>
</ion-content>