bug: scroll assist calls stopPropagation which can cause swipe to go back to break

[colmunel]

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

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

Swiping right on a form with ion-input and ion-label that has position stacked or floating sometimes causes the app to get stuck between two pages.

Image.from.iOS.1.MP4

Expected Behavior

• If the user performs a "full swipe" the user get routed to the previous page.
• If the user aborts the swipe he/she stays on the page.
• In neither case the user is stuck between two pages.

Steps to Reproduce

1. Create an ion-content containing multiple ion-items with ion-label and ion-input. The ion-labels must have position="stacked" or position="floating".
2. Put it on a page where you can swipe to get back to a previous page.
3. Click into an ion-input
4. Swipe right fast from the middle of the screen while the ion-input have focus. Sometimes this has to be done multiple times before the bug appears.

It happens when swiping from the left of the screen or even scrolling fast too (probably slightly swiping right) but not as frequently and thus harder to reproduce.

Code Reproduction URL

https://github.com/colmunel/test

Ionic Info

Ionic:

Ionic CLI: 6.18.2
Ionic Framework: @ionic/angular 5.8.5
@angular-devkit/build-angular: 0.1101.4
@angular-devkit/schematics: 9.1.15
@angular/cli: 11.1.4
@ionic/angular-toolkit: 2.3.3

Capacitor:

Capacitor CLI: 3.2.5
@capacitor/android: 3.3.2
@capacitor/core: 3.2.5
@capacitor/ios: 3.3.2

Utility:

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

System:

NodeJS: v14.19.0
npm: 6.14.15
OS: Windows 10

Additional Information

Bug appeared on iOS. Not tested on Android.

[liamdebeasi]

Thanks for the issue. Can you provide a GitHub repo I can use to verify this behavior? I am not seeing this on my end.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[colmunel]

I've updated the issue with a link to a repo. Note that it is difficult to reproduce until you get the hang of it. Try selecting another input field and swipe again a few times and eventually it will happen.

[liamdebeasi]

Did you push the entire reproduction? It looks like this is just a blank starter app.

[colmunel]

Sorry. Now everything is pushed. I noticed that it almost always happens on the 5th input field in the test repo but it's not a pattern that's consistent when testing it before/in other projects.