Transtion is working incorrectly when navPush

[xinhaoxx]

Ionic version:
(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.x
[ ] 4.x

I'm submitting a ...
[x] bug report
[] feature request

Current behavior:
My English is not very good, so may have some mistakes.

When I have two ion-content in the page and place them horizontally inside an ion-content, there is a problem when I navPush the page. ion-header and ion-footer's transition are working correctly (slide in from right to left) except the inner ion-content.

But this problem doesn't show in the last ion-content.

Why I use ion-content instead of ion-scroll because ion-refresher and ion-infinite-scroll must be placed in ion-content.

I don't want to use ion-tab because it will change my url.

It also happen when i remove ion-sliders

Expected behavior:
ion-content can work correctly like ion-header and ion-footer, not just staying there without transition.

Steps to reproduce:

Related code:

<ion-header>

  <ion-navbar>
    <ion-title>demo</ion-title>
  </ion-navbar>

</ion-header>


<ion-content no-bounce>
  <ion-slides class="slides-tabs">
    <ion-slide>
      <ion-content>

        <ion-list>
          <button ion-item *ngFor="let item of items" navPush="detail">
            {{ item }}
          </button>
        </ion-list>

      </ion-content>
    </ion-slide>

    <ion-slide>
      <ion-content>

        <ion-list>
          <button ion-item *ngFor="let item of items" navPush="detail">
            {{ item }}
          </button>
        </ion-list>

      </ion-content>
    </ion-slide>
  </ion-slides>

</ion-content>


<ion-footer>

  <ion-toolbar>
    <ion-title>footer</ion-title>
  </ion-toolbar>

</ion-footer>

Other information:
https://ww3.sinaimg.cn/large/0060lm7Tly1flmbi4hythg30af0ij1jz.gif

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

cli packages:

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

local packages:

    @ionic/app-scripts : 3.0.1
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v8.1.2
    npm  : 5.0.3
    OS   : Windows 10

[kensodemann]

Hello! Thank you for opening an issue with us!

I have marked this as something to have a look at after the Ionic v4 release is completed. In the meantime, would it be possible for you to create a sample app that demonstrates this issue and post it to GitHub?

Thank you for using Ionic

[xinhaoxx]

@kensodemann Thanks for your response, here is a sample app (https://github.com/ETXIN/ionic-issue-13456-sample).

[ionitron-bot]

Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

Thank you for using Ionic!

[ionitron-bot]

Issue moved to: ionic-team/ionic-v3#911