Skip to content
This repository has been archived by the owner on May 4, 2022. It is now read-only.

Transtion is working incorrectly when navPush #911

Open
ionitron-bot bot opened this issue Dec 8, 2018 · 0 comments
Open

Transtion is working incorrectly when navPush #911

ionitron-bot bot opened this issue Dec 8, 2018 · 0 comments
Labels

Comments

@ionitron-bot
Copy link

ionitron-bot bot commented Dec 8, 2018

Original issue by @xinhaoxx on 2017-11-18T08:39:32Z

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
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

0 participants