Ion-item-divider[sticky] positioning

Ionic Framework ionic-v3
1

Trying to display a list grouped by times, the “sticky” header has a gap below the navbar. This is the same for iOS, Android and Windows platforms. Is there a css fix for this? I’ve tried various options but admittedly am not a css wizard :slight_smile:

Thanks,
Robert

2

In the demo Ionic “conference” app it works but I don’t know why :wink:

<ion-item-divider sticky>   <== See
        <ion-label>
          {{group.time}}
        </ion-label>
      </ion-item-divider>

      <ion-item-sliding *ngFor="let session of group.sessions" #slidingItem [attr.track]="session.tracks[0] | lowercase" [hidden]="session.hide">```


https://github.com/ionic-team/ionic-conference-app/blob/master/src/pages/schedule/schedule.html
1 Like