Ionic-framework: bug: Error when over-rolling in Picker

Created on 28 Sep 2019  路  3Comments  路  Source: ionic-team/ionic-framework

Bug Report

Ionic version:
5.2.3

Current behavior:
image
When I use Picker, when I scroll up in the pop-up Picker, I get an error:
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
ion-datetime_3-ios.entry.js:1392 [Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. push../node_modules/@ionic/core/dist/esm-es5/ion-datetime_3-ios.entry.js.class_3.onStart @ ion-datetime_3-ios.entry.js:1392 onStart @ ion-datetime_3-ios.entry.js:1229 fireOnStart @ index-624eea58.js:509 tryToCapturePan @ index-624eea58.js:503 pointerDown @ index-624eea58.js:449 handleTouchStart @ index-624eea58.js:247
Expected behavior:
No error in console

Steps to reproduce:

  1. Write a simple sample program to open the picker
  2. Open Chrome, open the Developer Console, and click Toggle Device toolbar
  3. Select the Emulated device for iPhone6plus
  4. Open the picker and scroll down the picker until it crosses the border
  5. Error reproduction
    Related code:

Other information:
It is worth noting that after testing, this bug will only appear when the computer is set up with Emulated Device for iPhone (I set up iPhone6 plus). Under Safari, everything works fine. Chrome does not seem to appear when it is not equipped with Emulated Device. The problem, Android and iOS actual machines will not have this problem. And this problem only appears when setting the Picker style to iOS style.The chrome version I am using is 77.0 (64 bit).
Ionic info:

Ionic:

Ionic CLI : 5.2.3 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.10.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 8.1.2 ([email protected])
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (0 plugins total)

Utility:

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

System:

ios-deploy : 1.9.4
NodeJS : v10.9.0 (/usr/local/Cellar/node/10.9.0/bin/node)
npm : 6.5.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001

reply

Most helpful comment

All 3 comments

Thanks for the issue. Is this still an issue with the latest version of Ionic Framework? If so, please provide a repo with the code required to reproduce this issue.

Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

alan-agius4 picture alan-agius4  路  3Comments

daveshirman picture daveshirman  路  3Comments

gio82 picture gio82  路  3Comments

BilelKrichen picture BilelKrichen  路  3Comments

alexbainbridge picture alexbainbridge  路  3Comments