bug: Ionic picker - Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Ionic:

   ionic (Ionic CLI)             : 4.12.0
   Ionic Framework               : @ionic/angular 4.5.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 (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 8.0.0, ios 5.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 14 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/reptilehaus/Library/Android/sdk)
   ios-deploy        : 1.9.2
   ios-sim           : 8.0.1
   NodeJS            : v8.15.1 (/usr/local/Cellar/node@8/8.15.1/bin/node)
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001

Getting this error in the console:

[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Code to repro:

constructor(private pickerCtrl: PickerController) { }
  
  async showBasicPicker() {
    let opts: PickerOptions = {
      buttons: [{
          text: 'Cancel',
          role: 'cancel'
        },{
          text: 'Done'
        }],
      columns: [
        {
          name: 'distance',
          options: this.distances // declared above
        }
      ]
    };
    let picker = await this.pickerCtrl.create(opts);
    picker.present();
    
    picker.onDidDismiss().then( data => {
      picker.getColumn('distance').then( col => {
        this.selectedDistance = col.options[col.selectedIndex].value;
      })
      // maybe remove the text field from the distances so that we can allow for miles
      
    });

I think its related to this issue with datetime, seems to be global issue with any scrolling component https://github.com/ionic-team/ionic/issues/16630

[pascalkania]

hey, i still get the error when using IonDatetime in version @ionic/react@5.1.0. i checked the changelog and it should be fixed in the version.

[auron105]

opts add cssClass: ‘open_picker’

global.scss add .open_picker { touch-action: none; }

it work for me!