Ion-segment with slide: Auto-scroll issue


#1

Hi folks,
I have a ion-segment snippet in details.html as below:

<ion-segment (ionChange)="onSegmentChanged()" [(ngModel)]="segmentSelected" color="primary" id="ion-segment">
    <ion-segment-button value="segment1">Segment 1</ion-segment-button>
    <ion-segment-button value="segment2">Segment 2</ion-segment-button>
    <ion-segment-button value="segment3">Segment 3</ion-segment-button>
    <ion-segment-button value="segment4">Segment 4</ion-segment-button>
    <ion-segment-button value="segment5">Segment 5</ion-segment-button>
  </ion-segment>

followed by:

<ion-content>
  <ion-slides #detailsSlider [initialSlide]="initialSlide" (ionSlideDidChange)="onSlideChanged($event)">
  <!--Slides -->
  </ion-slides>
</ion-content>

This page is shown on click of a push notification by calling:

this.nav.setPages([
      { page: 'Dashboard' },
      {
        page: 'Details',
        params: {
          segmentId: 4
        },
      },
    ]);

It works fine with the Segment 5 being highlighted and the correct details being displayed.

But I am facing issues when another notification is clicked while on the details page.
On click of the second notification, although the segment 5 is highlighted and the correct details are shown, the scroll has slide to the first segment and making Segment 1 in focus.

Note: This occurs only when the notification is clicked on the details page.