If page scrolling is detected, pointercancelEvent is fired by default by the browser, aborting all panning and swiping which was implemented using PointerEvents.
Page Scrolling uses the TouchEvent interface.
To prevent scrolling from blocking already recognized Pan events, contact.js uses event.preventDefault() to prevent touchmove events from blocking PointerEvents.

Let contact.js handle TouchEvents.

If ou experience problems with scrolling, disable the TouchEvent handling of contact.js and control the behaviour by yourself using css.

let options = {
	handleTouchEvents: false
};

var pointerListener = new PointerListener(domElement, options);

.myPanningArea {
	touch-events:none;
}

.myPanningArea {
	touch-events: pan-y;
}