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.

Scenario 1
Scenario 1.png768x130 7.59 KB

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.

Scenario 2
Scenario 2.png768x124 5.98 KB

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