Error : Ignored attempt to cancel a touchstart event with cancelable=false

@rolinger wrote:

I have two toggle buttons on a page, one enables Facebook for the user the other show displays a menu of option settings. When I click on the Menu's ionic tab I first see this error:

Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343.

I have seen this error a lot and have not been able to eliminate it, however, it doesn't seem to really be impacting anything.

But now I am seeing this second error, when I click on either of the two toggle buttons mentioned above I am now getting this error:

Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. ionic.bundle.js:5178

When this second error fires, my toggle functions don't work properly. The Facebook login never occurs (though it did work before this error appeared) and the second one does display the hidden table, but then the <ion-checkbox> won't work - it can't be 'checked'.

  <ion-toggle id="settings_FB" ng-model="fbItem.checked" ng-checked="fbItem.checked" ng-change="setFB()">
    Facebook Enabled:
  </ion-toggle>
  <ion-toggle id="settings_Bikes" ng-model="bikeItem.checked" ng-checked="bikeItem.checked" ng-change="showOptions(tem,'settings_Options');">
    Bike Settings
  </ion-toggle>
  <table id="settings_Options" style="margin-top:15px;margin-left:80px;display:none;font-size:10px;">
    <tbody >
    <tr>
      <td style="text-align:right;">Info A:</td>
      <td style="float:right;"><input id="bikesShub" style="border:1px black solid;background:LightGrey;width:20px;height:20px;" type="text" maxlength="1" ng-model="bikeItem.Shub" ng-change="bikes('Shub')" value="{{bikeItem.Shub}}"></input></td>
    </tr>
    <tr>
      <td style="text-align:right;">Def miles from END to nearest Dropoff Hub:</td>
      <td style="float:right;"><input id="bikesEhub" style="border:1px black solid;background:LightGrey;width:20px;height:20px;" type="text" maxlength="1" ng-model="bikeItem.Ehub" ng-change="bikes('Ehub')" value="{{bikeItem.Ehub}}"></input></td>
    </tr>
    <tr>
      <td style="text-align:right;">Show pickup hubs with no bikes available:</td>
      <td><ion-checkbox id="bikesAvail" style="border:0px;float:right;padding-left:24px;padding-top:5px" ng-model="bikeItem.Avail" ng-change="bikes('Avail')"></ion-checkbox></td>
    </tr>
    <tr>
      <td style="text-align:right;">Show dropoff hubs with no drop spots available:</td>
      <td><ion-checkbox id="bikesSpots" style="border:0px;float:right;padding-left:24px;padding-top:5px" ng-model="bikeItem.Spots" ng-change="bikes('Spots')"></ion-checkbox></td>
    </tr>
    </tbody>
  </table>

.controller JS:

  $scope.showOptions = function(item,name) {
    console.log(name + " : " +item.checked) ;
    if (item.checked == true) {
      $scope.bikeItem.checked = true ;
      document.getElementById(name).style.display = "" ;
    } else {
      $scope.bikeItem.checked = false ;
      document.getElementById(name).style.display = "none" ;
    }
  }

Posts: 1

Participants: 1

Read full topic