Transition animation overlaps content

ionic-v1
1

I have an Ionic project that has some states and sub-states. When a transition throw states occurs everything goes fine, but when the transition is to a sub-state it looks like the animation doesn’t work so fine because the next state content overlaps the current state content.

This project exemplifies what’s going on:

Link: http://codepen.io/andrewmcgivery/pen/azBjdB
When the Scientific Facts button was clicked, the current state text is overlaped by the next state text. So there’s some work arround to fix the animation ?

2

I have this issue as well. I only see it when transitioning to sub-states.

Example:

State 1
Sub state 1
Sub state 2

State 2

State 1 -> sub state 1 : overlap
sub state 1 -> sub state 2: overlap

State 2 -> sub state 1: no overlap