I get this error in my ionic application when the user scrolls a long collection-repeat list.
ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
Any idea what it is?
template:
<div class="scrollContainer"> <ion-scroll zooming="false" direction="y" overflow-scroll="false"> <div class="loadingboards" ng-if="!transitionFinished"> <ion-spinner class="spinner spinner-ios"> </ion-spinner> <br/> Loading boards list... </div> <div id="boardselection" ng-if="transitionFinished"> <ion-item collection-repeat="item in prodataSelect | orderBy:data.sort | filter: data.selectBrand.brand:true | filter: data.selectName.name | unique:'modelStrict'" item-width="96%" item-height="'18%'"> <a class="optionfuninit item-content" data-proid="{{item.id}}" ng-click="whatToDo(item.id,$event);" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))"> <img class="imageoptionsbrand" ng-src="{{ imagesUrls[(item.brand | lowercase | nospace)+'.png'] }}" /> <div class="listviewTrophy" ng-if="isWinning(item.id)"> <i class="icon ion-trophy"></i> <div class="winningboardtext" translate="computepage.30">Winning Board</div> </div> <i class="icon ion-female" ng-show="item.gender == 'female'"></i> <div class="listviewtexts" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))"> <span class="listviewtextsmodel">{{item.modelStrict}}</span> </div> <div class="imagebox rotate90rightCenter"> <img class="imageoptionsmodel " ng-src="{{imagesUrls[item.imageName]}}" /> </div> </a> </ion-item> </div> </ion-scroll> </div>
thanks
source share