ionic-framework: bug: swipe to go back is not passive, causing safari to throttle click events

Bug Report

Ionic version:

[x] 5.x

Current behavior:

Clicking multiple UI components in relativly short time results in click events being lost. “Fast” users have to double-click/tap almost every button/checkbox/ui element.

Since I am clicking too fast here, only every 2nd checkbox is marked as checked, even though you see that all of them were clicked.

ion-ios-clicks-not-recognized

Expected behavior:

Clicks events should not be lost.

Steps to reproduce:

E.g. create a ion-list with multiple checkboxes in it and check all of them without waiting too long between clicks.

https://github.com/capc0/ion-ios-clicks-not-recognized

Other information:

I guess this has nothing to do with the components (not specific to e.g. ion-checkbox), since it happens in the entire app (e.g. also in alert controllers with button clicks).

Seems to be only on iOS. Currently running on iOS 13.4, but that does not seem to matter. An old app of mine running on iOS 13.4 with ionic 4 does not have this issue (but it uses UIWebView instead of WKWebView, dont know if that does matter).

Ionic info:

Ionic:

   Ionic CLI                     : 6.2.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.803.26
   @angular-devkit/schematics    : 8.3.26
   @angular/cli                  : 8.3.26
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)

Utility:

   cordova-res                          : 0.11.0
   native-run (update available: 1.0.0) : 0.2.9

System:

   ios-deploy : 1.9.4
   ios-sim    : 8.0.2
   NodeJS     : v10.16.3 (/usr/local/bin/node)
   npm        : 6.14.2
   OS         : macOS Catalina
   Xcode      : Xcode 11.4 Build version 11E146

About this issue

Original URL
State: closed
Created 4 years ago
Comments: 18 (15 by maintainers)

Most upvoted comments

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic/pull/21038, and a fix will be available in an upcoming release of Ionic Framework.

liamdebeasi on Apr 30, 2020

That version resolves the issue. Thanks!

capc0 on Apr 16, 2020

Yeah I noticed that it does not work on popups (modal, select, etc). There must be additional event listeners somewhere that are not passive. I’ll take another look and will provide another dev build. Thanks for checking!

liamdebeasi on Apr 15, 2020

I just tested with the dev build and it seems work on my end, both on my device (13.4.1) and simulators (13.4)

yokeharn on Apr 15, 2020

First thing I will try tomorrow morning, will give you feedback asap.

capc0 on Apr 14, 2020