Solving issue: “[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false”

This article describes how to solve this warning that could be shown after use a ion-refresher.

WHAT IT SHOULD DO?

It is expected to show a loader when a user try to pull down the page while touching it. The pull-to-refresh pattern lets a user pull down on a list of data using touch in order to retrieve more data.

The official API is available here.

ISSUE AND HOW TO GET IT SOLVED

After updating your files as per official API instructions, you might receive this error message by inspecting your page after use the pull-to-refresh.

Error Message

You can check the pull-request #17351 that fixed this issue and use using npm install to update your components accordingly.

Basically, you must open your project and follow the steps described below.

• Edit the refresher.js file availabe at [project path] > node_modules > ionic-angular > components > refresher.
• Find where the instruction “ev.preventDefault();” was wrote (possibly at line 281).
• Change it to:
  if (ev.cancelable) {
  ev.preventDefault();
  }
• Save your changes.
• Close your local page and stop your app.
• Run again ionic serve

Once you have done these simple steps, everything should be fine.