Double scrolling with collection-repeat

ionic-v1
1

Hi guys, how is it going?

I am using collection repeat to display a series of cards, with dividers separating them by day. The problem I’m having is that, when my list have few items and cover less than full screen, the screen is scrolling untill all items disappear…

Here is my markup

  <ion-content class="content-pad" overflow-scroll = true>
      <div collection-repeat="line in vm.lines | groupByDate"
        item-height="(line.isDivider === true) ? '40px' : '16%'"
        class="lines-collection">
        <div ng-if="line.isDivider===true" class="line-divider">
            <span>{{line.date | curtainDate}}</span>
        </div>
        <div ng-if="line.isDivider !== true" class="card-line">
          <!--item-->
        </div>
      </div>
  </ion-content>

Do you guys know what may be causing this?

Thank you

2
replace with
3

< ion-content class=“content-pad” overflow-scroll = auto>

4

It didn’t work ): keeps scrolling down