How to prevent successive state changes when user clicks 2 different links rapidly?

[EmreErdogan]

Hello guys, have any of you seen this problem? When user clicks a link to page A and then clicks link to page B rapidly, both transitions happen at the same time and the user ends up on page B.

This also breaks down the history because when the user is on page B and presses back button then he is directed to page A instead of the initial page. A and B are not supposed to be successive pages in history.

I tried listening ionicNativeTransitions.beforeTransition, ionicNativeTransitions.success, and ionicNativeTransitions.error events to cancel a state change while there is another transition is active at that time period, but I couldn't succeed. Any ideas?

[EmreErdogan]

The issue is definitely caused by ionic-native-transitions plugin. When I disable the plugin this double state change never happens. It should not be hard to prevent that behaviour. I keep trying.

An example approach that I tried which didn't work is:

window.transitionActive = false;
$rootScope.$on('ionicNativeTransitions.beforeTransition', function(event){
  // Transition is about to happen
  if(window.transitionActive){
    event.preventDefault();
    console.log(':: ionicNativeTransitions.beforeTransition => CANCELED');
    return;
  }
  window.transitionActive = true;
  console.log(':: ionicNativeTransitions.beforeTransition => ALLOWED');
});