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?