Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Click Block Does not function, resulting in Black Screen #8885

Closed
curtisblanchette opened this issue Oct 24, 2016 · 1 comment
Closed
Assignees

Comments

@curtisblanchette
Copy link

curtisblanchette commented Oct 24, 2016

Short description of the problem:

Clicking the back button repeatedly can cause the navigation stack to accidentally pop the rootPage off of the DOM. resulting in a black screen.

What behavior are you expecting?

The click block element should function as expected, adding the class of 'click-block-active' when the back button is interacted with. Removing this class once the transition has completed.

I say this is a click-block issue since the back button shouldn't be able to be clicked more than once. It seems like multiple back clicks causes root page to be popped off the stack.

Steps to reproduce:

  1. create a new ionic v2 start tabs project
  2. create a button on a tab page that transitions to a subpage with a back button
  3. add a bunch of images to the subpage so that their is heavy content
  4. click the back button as fast as possible before the transition completes

Please note that this is not easily reproduced. You must be patient and hammer on the back button

Notice the root tab page will be removed from the DOM resulting in a black screen.
screen shot 2016-10-24 at 3 54 34 pm

<ion-tab role="tabpanel" tabicon="information-circle" tabtitle="About" ng-reflect-root="function AboutPage(navCtrl) {
        this.navCtrl = navCtrl;
        this.subPage = SubPage;
    }" ng-reflect-tab-title="About" ng-reflect-tab-icon="information-circle" id="tabpanel-t0-1" aria-labelledby="tab-t0-1" aria-hidden="false" class="show-tab">
   <div></div>
   ** page is missing from here **
   <div class="nav-decor"></div>
</ion-tab>

Not 100% but this could be related to
8410

System information:

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.36
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v6.8.0
Xcode version: Xcode 8.0 Build version 8A218a

@manucorporat manucorporat self-assigned this Oct 25, 2016
@jgw96
Copy link
Contributor

jgw96 commented Oct 25, 2016

Hello, thanks for opening an issue with us! I am going to close this issue as a duplicate of #8881.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants