Conditional Sticky List Dividers not working on iOS


#1

I am using sticky list dividers on iOS to divide content of my list. The list divider is conditional using an *ngIf. When running in chrome, everything works perfectly, but on an iOS device the list divider is only sticky for one element of the list. Here is the code:

<ion-col col-12  *ngFor="let item of leadership | search: queryText; let i = index">

      <ion-item-divider *ngIf="i==0 || leadership[i].type != leadership[i-1].type" sticky> 
        {{item.type}}
      </ion-item-divider>
     <ion-item>...

It looks like the item dividers that SHOULD NOT be rendering are breaking the ones directly above that ARE rendering.

Any thoughts on this?