Beta-11: Menu white background overlay and not show menu list

[jgw96]

From @nhohb07 on August 9, 2016 16:53

Hi everyone! I try to build on ios app conference, the white menu error and no one menu item displayed. And my application is built from beta-9 was similar error, please review this issue to help me in the most recent version can build, I need this issue resolved urgently, thanks !

Copied from original issue: ionic-team/ionic-framework#7626

[brandyscarney]

I'm not able to reproduce this using the latest version of the conference app. Are there any steps I need to take to reproduce this? See http://g.recordit.co/yz8s9FZ4He.gif

[alexbainbridge]

Hi Brandy
I have seen this in a non conference app (but has a side menu) - let me see if I work out how I did it (its something to do with moving quickly I think, as only happens a occassionally)

Reason I hadn't raised it (yet) is because I was keeping an eye on ionic-team/ionic-framework#7564 and wondering if that was the same issue

[alexbainbridge]

Hi Brandy

OK I got this to work (fail)

1. Mac / Google Chrome (Desktop)

Cordova CLI: 5.4.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.36
Ionic App Lib Version: 2.0.0-beta.19
ios-deploy version: 1.8.5
ios-sim version: 5.0.4
OS: Mac OS X El Capitan
Node Version: v5.3.0
Xcode version: Xcode 7.3.1 Build version 7D1014

2. Latest version of the conference app

3. Add mode IOS to bootstrap

ionicBootstrap(ConferenceApp, [ConferenceData, UserData], {
mode: 'ios'
});

4. Click on menu icon (on a subpage), then click on an item e.g speakers (non logged in menu), then click on menu icon...... repeat..... about 1 time in 10 fails (and get the blank sidemenu). Speed is not necessarily the issue..... its just about repeating.... its intermittent, no specific sequence causes the issue to occur (as far as I can see)

Wish we were talking about this in the ionic repo rather than conf app one :)

[alexbainbridge]

I should add, I couldnt get the conference app to fail when I didn't add ios as the mode..... i.e adding the ios mode in the bootstrap seems to create the conditions for this to occur

[brandyscarney]

hey @alexbainbridge, thanks for the steps! I've tried following them but I'm still not able to reproduce it. I added ios mode to the bootstrap and tried reproducing it in both chrome and a simulator. I'm not sure what you mean by "click on menu icon (on a subpage)" since the menu icon doesn't show up on the subpages. Are you adding it in? I tried clicking on the menu icon over and over and also clicking different menu items over and over. I wasn't able to get a white screen though.

[jgw96]

I would like to add that i tested this issue with an iphone 5 running ios 10 and an Iphone 6s simulator running 9.3.2 and i am also not able to reproduce this issue.

[alexbainbridge]

Hi Brandy

Hummm

Re steps - I said menu item (e.g speakers) then when you are on speakers page, click menu (hamburger) icon

And do that over and over, clicking one so the other shows.

If I can get it to happen (blank side menu), are there any events or anything I could be logging that would be helping you?

[alexbainbridge]

Here is a gif of it happening

[brandyscarney]

Thanks for the gif! I was able to reproduce it in Safari, but not Chrome. :)

[alexbainbridge]

Ha, I just tried Safari and got it to fail also.... that was going to be my next update!

[brandyscarney]

The cause is the ion-menu not getting the class show-menu added to it, why this isn't being added is still to be discovered. I'll move this to the ionic repo. Thanks for the help!

[alexbainbridge]

New in 11, if that helps narrow it down a bit.... (and updated Angular of course)

[brandyscarney]

Thanks! I'm going to close this issue in favor of this one: ionic-team/ionic-framework#7629

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of the Ionic Conference App, please create a new issue and ensure the template is fully filled out.