ionic-team / ionic-team/ionic-framework

bug: angular, no animations when navigating to non-tabs page that shares a tabs page path

Aperta
#20,386 9 commenti 1 reazione 0 assegnatari Vedi su GitHub
package: angular type: bug
Lingua principale
TypeScript
Stelle
52.7k
Fork
13.3k
Merge medio
1g 15h
PR unite (30g)
51

Descrizione

Hi !

# Bug Report

**Ionic version:**
[x] **5.x**

**Current behavior:**
There is no navigation animation when you navigate to a page that is not a child of one of the tabs.
Example going from /tabs/home to /tabs/items/itemID

Also You cannot swipe back when there is no animation.

Here is a screen recording of the problem: [https://youtu.be/Eq7LfXoZL2A](https://youtu.be/Eq7LfXoZL2A)

I have create a repo illustrating the issue. [https://github.com/simetin/ionic-tabs-nav](https://github.com/simetin/ionic-tabs-nav).

**Expected behavior:**
I get that I could just do example /tabs/home/items/itemID, however with an app bigger than a couple of pages and that has a lot of links between different type of items (think for example of Instagram), it become infeasible.

**Steps to reproduce:**
Run the provided Github repo

**Related code:**
[https://github.com/simetin/ionic-tabs-nav](https://github.com/simetin/ionic-tabs-nav)

**Ionic info:**

```
Ionic:

Ionic CLI : 6.0.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.0-rc.2
@angular-devkit/build-angular : 0.900.0-rc.14
@angular-devkit/schematics : 9.0.0-rc.14
@angular/cli : 9.0.0-rc.14
@ionic/angular-toolkit : 2.1.1

Utility:

cordova-res : not installed
native-run : 0.3.0

System:

NodeJS : v12.14.1 (/usr/local/bin/node)
npm : 6.13.4
OS : macOS Catalina```

Thank you for looking into this issue !

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Start by running the linked simetin/ionic-tabs-nav reproduction and navigate from /tabs/home to /tabs/items/itemID. Compare the route transition with navigation between tab pages, including swipe-back behavior. Done means non-tab pages sharing the tabs path receive a navigation animation and support swipe-back.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.