ionic-team / ionic-team/ionic-framework

bug: menu creates gesture on document, swiping on page opens menu on different page

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

描述

# Bug Report

**Ionic version:**

[x] **4.x**

**Current behavior:**
I have a customer who has a primarily tabs based app. However one of the pages also has a side menu with some other stuff.

I have created a sample that shows the issue where tab1 and tab3 are "normal" and tab2 has a side menu with the `contentId` set to the `ion-content` of the tab2 page. If tab2 page has been visited and the user goes to either tab1 or tab3 and swipes from the left the menu does not open (good, it should not), but when you then go to tab2 the menu is open. Somehow the swipe on tab1 or tab3 opened the menu on tab2...

**Expected behavior:**
menu on tab2 only swipes open when you are on tab2

**Steps to reproduce:**

1. clone and serve repo below
1. visit all three tabs (or at least tab2), but leave the menu on tab2 closed
1. go to tab3 or tab1
1. swipe from the left
1. go to tab2
1. note that the menu is open even though we did not swipe on *this* page

**Related code:**

https://github.com/kensodemann/demo-single-page-menu

```
insert short code snippets here
```

**Ionic info:**

```
Ionic:

Ionic CLI : 5.3.0 (/Users/ken/.nvm/versions/node/v10.15.3/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.7.4
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 9.0.3 (cordova-lib@9.0.2)
Cordova Platforms : android 8.0.0, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)

Utility:

cordova-res : 0.6.0
native-run : 0.2.8

System:

Android SDK Tools : 26.1.1 (/Users/ken/Library/Android/sdk/)
ios-deploy : 1.9.4
ios-sim : 8.0.1
NodeJS : v10.15.3 (/Users/ken/.nvm/versions/node/v10.15.3/bin/node)
npm : 6.10.3
OS : macOS Mojave
Xcode : Xcode 11.0 Build version 11A420a
```

贡献指南

打开贡献指南

调研方向

克隆并运行所链接的 demo-single-page-menu 仓库,然后使用 tab1、tab2 和 tab3 重现该序列。跟踪与 tab2 的 contentId 相关的菜单手势行为,并验证在 tab1 或 tab3 上滑动后返回 tab2 时不会打开菜单。完成的标准是:只有在 tab2 上执行滑动后,菜单才会打开。

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

评估

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

把新 issue 发到你的邮箱

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