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

Black Screen Transition with ion-checkbox #3006

Closed
jpcancienne opened this issue Jan 29, 2015 · 3 comments
Closed

Black Screen Transition with ion-checkbox #3006

jpcancienne opened this issue Jan 29, 2015 · 3 comments
Milestone

Comments

@jpcancienne
Copy link

Reproduction of the issue: http://codepen.io/anon/pen/NPvLPY

Browser: Google Chrome for Mac OSX 10.9.5

The issue itself is hard to describe, and it would be easier using the codepen above to see what I mean.

The Issue:
Have rootScope object = {test:truth}; Have the next screen i am going to navigate to have an ion-checkbox looking at the object.test value. When the object.test value is false, the transition looks normal. When the object.test value is true, the screen I am navigating away from is black during the transition.

I can reproduce this issue with the starter-tabs project using the ionic cli, so I know I'm not going crazy. Thank you for any feedback. I hope this issue gets fixed soon.

@jpcamara
Copy link

jpcamara commented Feb 3, 2015

Experiencing the same behavior. Seems to only occur when navigating forward into a view with a selected checkbox - if navigating back to a view with a selected checkbox the behavior is normal

@jpcancienne
Copy link
Author

I have had times where the ion-checkbox is the previous view, and navigating back to it produces the black screen for view that was originally in front of the ion-checkbox view.

@mhartington mhartington added this to the 1.0.0-rc0 milestone Feb 9, 2015
@mhartington
Copy link
Member

Seeing this as well. So the black screen is from the leaving view getting the attribute nav-view="cached" applied to it, which just sets the display to none, which is being done on purpose.

Oddly enough, if you use just css version of the directive, you get this as well.

http://codepen.io/mhartington/pen/PwOgQm

Well look into this more. Thanks

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