ionic-team / ionic-team/ionic-framework

bug: large title/back-button animation is broken when had menu-button

未关闭
#21,207 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

#20796 Bug Report

**Ionic version:**

[x] **5.x**

**Current behavior:**
When navigating from page A to page B, both with a large title and menu button, the back button of the entering page is displayed too early and overlaps with the menu button, then jumps into position.
If no menu-button is present it is working as intended.

![bug_ionic](https://user-images.githubusercontent.com/35502018/81024889-315b9b80-8e4b-11ea-8ccb-71f697cf4497.gif)

**Expected behavior:**
Animations smooth as butter :)

**Steps to reproduce:**
Just navigate to a page with menu button and large title.

**Related code:**
A sample application via GitHub
https://github.com/theopavan/project

**Other information:**

**Ionic info:**

```
Ionic:

Ionic CLI : 6.6.0 (/Users/theo/.nvm/versions/node/v10.15.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.1.0
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 6 other plugins)

Utility:

cordova-res (update available: 0.14.0) : 0.6.0
native-run (update available: 1.0.0) : 0.2.8

System:

Android SDK Tools : 26.1.1 (/Users/theo/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v10.15.0 (/Users/theo/.nvm/versions/node/v10.15.0/bin/node)
npm : 6.4.1
OS : macOS Catalina
Xcode : Xcode 11.4.1 Build version 11E503a
```

贡献指南

打开贡献指南

调研方向

Start with the linked sample application and reproduce navigation between pages that both use a large title and menu button. Trace the Ionic Angular transition behavior for the entering page's back button; done means the back button no longer appears early, overlaps the menu button, or jumps during the animation.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
30/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。