question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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).

Related issues: https://github.com/ionic-team/ionic/issues/19299 https://github.com/ionic-team/ionic/issues/19608 https://github.com/ionic-team/ionic/issues/19564

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

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:18 (15 by maintainers)

github_iconTop GitHub Comments

1reaction
liamdebeasicommented, Apr 30, 2020

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.

1reaction
capc0commented, Apr 16, 2020

That version resolves the issue. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: swipe to go back is not passive, causing safari to throttle ...
So it looks like this is a behavior in iOS Safari. In Ionic Angular apps, we have a swipe to go back gesture...
Read more >
Safari back swipe not working a lot of times - Apple Discussions
A temporary fix that I've found is by changing "Swipe between pages" in the Trackpad settings to another option and then back to...
Read more >
Changelog - Cypress Documentation
Fixed a bug where the cypress/svelte cy.mount() command was not logging by default. ... Fixed an issue with .type() where click events could...
Read more >
Getting touchy - everything you (n)ever wanted to know about ...
Office 2013 in Windows offers a 'Touch/Mouse mode' switch - shown by ... started on the element; changedTouches: touch points that caused the...
Read more >
Changelog until v9 - @use-gesture documentation
4 Releases. Summary: Fixes bug with native handlers not accounting for external state, and adjusts zoom normalization on Safari. Fixed.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found