bug: nav, swipe back transition gets stuck with swiping quickly

[Ensaphelon]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Currently, when using ion-nav and having at least two transitions between two screens, there is a chance that it will not be possible to go back from the nested page. this behaviour is totally random

Expected Behavior

All transitions between pages should work correctly, regardless of the nesting of pages and the frequency of transitions between them.

Steps to Reproduce

1. Set up a basic example using iov-nav, ion-link, ion-content with a root page and the nested one
2. Navigate to the nested page
3. Swipe back
4. Repeat 2 and 3 steps until the bug appears

Code Reproduction URL

https://replit.com/@RamilMusaiev/React-TypeScript-1#src/App.tsx

Ionic Info

Since I was integrating ionic on top of the existing project the output is corresponding

ionic info
[WARN] You are not in an Ionic project directory. Project context may be missing.

Ionic:

   Ionic CLI : 7.1.1

Utility:

   cordova-res : not installed globally
   native-run  : not installed globally

System:

   NodeJS : v18.16.0
   npm    : 9.5.1
   OS     : macOS Unknown

Additional Information

Here is the video:

2023-07-30.19.02.09.mov

As you can see, at some point the subpage has the CSS property pointer-events: none; even though I was right on the subpage. When I tried to override this property in the browser, the page became responsive again, but the swipe back gesture didn't work.

[liamdebeasi]

Thanks for the report. How do I run your sample code on replit? I tried clicking the "Run" button, but I just get a white screen.

[Ensaphelon]

@liamdebeasi thanks for the quick reaction, I recorded another video by running replit under the incognito mode, seems working for me:

2023-07-31.17.29.16.mov

Maybe there is a build process going on in the background, please try to wait a bit

[liamdebeasi]

Thanks, incognito mode seemed to work. However, I am unable to reproduce the reported behavior. What browser/version are you testing this on?

[Ensaphelon]

I am using Chrome 114.0.5735.198, on macOS Ventura 13.3.1 (a).

But initially, I faced this bug when I was navigating in our app, it is a native application with injected webview, which runs a usual web inside. Also, I am able to reproduce it on the iOS simulator iPhone 13, iOS 16.2.

This bug is actually very unstable to reproduce, on my phone I had to pull the screen back and forth for about a minute or two to reproduce the problem. The fastest way was to move the screen as I showed in the opening video: you need to pull the screen to the right a little and release. You need to repeat this until the problem appears.