ionic-team / ionic-team/ionic-framework

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

Ouverte
#19,410 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
package: core type: bug
Langage dominant
TypeScript
Étoiles
52.7k
Forks
13.3k
Merge moyen
1 j 15 h
PR mergées (30 j)
51

Description

# 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
```

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Clone and serve the linked demo-single-page-menu repository, then reproduce the sequence using tab1, tab2, and tab3. Trace the menu gesture behavior associated with tab2's contentId and verify that swiping on tab1 or tab3 does not open the menu when returning to tab2. Done means the menu opens only after a swipe performed on tab2.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend, mobile-dev
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.