swipe back gesture no longer gets stuck on vue

Author: liamdebeasi

core/src/components/router-outlet/route-outlet.tsx

@@ -20,6 +20,7 @@ export class RouterOutlet implements ComponentInterface, NavOutlet {
   private gesture?: Gesture;
   private ani?: Animation;
   private animationEnabled = true;
+  private isTransitioning = false;
 
   @Element() el!: HTMLElement;
 
@@ -63,7 +64,7 @@ export class RouterOutlet implements ComponentInterface, NavOutlet {
   async connectedCallback() {
     this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(
       this.el,
-      () => !!this.swipeHandler && this.swipeHandler.canStart() && this.animationEnabled,
+      () => !this.isTransitioning && !!this.swipeHandler && this.swipeHandler.canStart() && this.animationEnabled,
       () => this.swipeHandler && this.swipeHandler.onStart(),
       step => this.ani && this.ani.progressStep(step),
       (shouldComplete, step, dur) => {
@@ -184,6 +185,8 @@ export class RouterOutlet implements ComponentInterface, NavOutlet {
     const animated = this.animated && config.getBoolean('animated', true);
     const animationBuilder = this.animation || opts.animationBuilder || config.get('navAnimation');
 
+    this.isTransitioning = true;
+
     await transition({
       mode,
       animated,
@@ -198,6 +201,8 @@ export class RouterOutlet implements ComponentInterface, NavOutlet {
       animationBuilder,
     });
 
+    this.isTransitioning = false;
+
     // emit nav changed event
     this.ionNavDidChange.emit();