ionic-team / ionic-team/ionic-framework

bug: iOS back transitions between <ion-tabs> pages not animating

Open
#18,181 26 comments 7 reactions 0 assignees View on GitHub
package: core type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Bug Report

**Ionic version:**

[x] **4.3.1**

**Current behavior:**

Demo app confirgured with { mode: 'ios' } and has 2 <ion-tabs> pages. Navigating forward from Tabs A to Tabs B pages animates as expected. Navigating back from Tabs B to Tabs A does not animate. Removing the { mode: 'ios' } config line shows Android style animations working correctly forwards and back.

**Expected behavior:**

Navigating back from Tabs B to Tabs A page should animate.

**Steps to reproduce:**

- Create a new app
- Change app.module to run in iOS mode
- Create 2 pages, and navigate forward and back between each one

**Related code:**

Basic demo is available at: https://github.com/benmarsh/ionic-multi-tabs-test

**Other information:**
![](https://raw.githubusercontent.com/benmarsh/ionic-multi-tabs-test/master/ionic-tabs-bug.gif)

**Ionic info:**

```
Ionic:

ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.3.1
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.3.8
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.5.1

System:

NodeJS : v11.12.0 (/usr/local/Cellar/node/11.12.0/bin/node)
npm : 6.7.0
OS : macOS Mojave

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.