Flag event listeners as passive
This commit is contained in:
@@ -225,14 +225,14 @@ export const useMouseDragScroll = (
|
||||
previousClickPosY.current = [e.pageY, e.pageY, e.pageY];
|
||||
previousClickTime.current = [Date.now() - 2, Date.now() - 1, Date.now()];
|
||||
|
||||
element.addEventListener('mousemove', handleMouseMove);
|
||||
element.addEventListener('mousemove', handleMouseMove, { passive: true });
|
||||
element.addEventListener('mouseup', handleMouseUp);
|
||||
|
||||
clearInertiaInterval();
|
||||
};
|
||||
|
||||
element.addEventListener('mousedown', handleMouseDown);
|
||||
element.addEventListener('wheel', clearInertiaInterval);
|
||||
element.addEventListener('wheel', clearInertiaInterval, { passive: true });
|
||||
return () => {
|
||||
element.removeEventListener('mousedown', handleMouseDown);
|
||||
element.removeEventListener('wheel', clearInertiaInterval);
|
||||
|
||||
@@ -289,7 +289,7 @@ export const useReaderInfiniteScrollUpdateChapter = (
|
||||
}
|
||||
};
|
||||
|
||||
scrollElement.addEventListener('scroll', onScroll);
|
||||
scrollElement.addEventListener('scroll', onScroll, { passive: true });
|
||||
return () => scrollElement.removeEventListener('scroll', onScroll);
|
||||
}, [
|
||||
readingMode,
|
||||
|
||||
@@ -27,8 +27,8 @@ export const useReaderHideOverlayOnUserScroll = (
|
||||
}
|
||||
};
|
||||
|
||||
scrollElementRef.current?.addEventListener('wheel', handleScroll);
|
||||
scrollElementRef.current?.addEventListener('touchmove', handleScroll);
|
||||
scrollElementRef.current?.addEventListener('wheel', handleScroll, { passive: true });
|
||||
scrollElementRef.current?.addEventListener('touchmove', handleScroll, { passive: true });
|
||||
return () => {
|
||||
scrollElementRef.current?.removeEventListener('wheel', handleScroll);
|
||||
scrollElementRef.current?.removeEventListener('touchmove', handleScroll);
|
||||
|
||||
@@ -606,8 +606,8 @@ export class ReaderControls {
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener('mousemove', handleMouseMove);
|
||||
document.addEventListener('touchmove', handleTouchMove);
|
||||
document.addEventListener('mousemove', handleMouseMove, { passive: true });
|
||||
document.addEventListener('touchmove', handleTouchMove, { passive: true });
|
||||
|
||||
return () => {
|
||||
document.removeEventListener('mousemove', handleMouseMove);
|
||||
|
||||
@@ -31,7 +31,7 @@ export const useReaderHideCursorOnInactivity = (scrollElementRef: MutableRefObje
|
||||
};
|
||||
|
||||
handleMouseMove();
|
||||
window.addEventListener('mousemove', handleMouseMove);
|
||||
window.addEventListener('mousemove', handleMouseMove, { passive: true });
|
||||
return () => {
|
||||
setCursorVisibility(true);
|
||||
window.removeEventListener('mousemove', handleMouseMove);
|
||||
|
||||
@@ -130,7 +130,7 @@ const useScrollPreservationData = (
|
||||
};
|
||||
};
|
||||
|
||||
scrollElement.addEventListener('scroll', onScroll);
|
||||
scrollElement.addEventListener('scroll', onScroll, { passive: true });
|
||||
|
||||
return () => scrollElement.removeEventListener('scroll', onScroll);
|
||||
}, []);
|
||||
|
||||
@@ -32,7 +32,7 @@ class PointerDeviceUtilClass {
|
||||
private detectedTrackPadLike: boolean | undefined = undefined;
|
||||
|
||||
constructor() {
|
||||
window.addEventListener('wheel', this.record.bind(this));
|
||||
window.addEventListener('wheel', this.record.bind(this), { passive: true });
|
||||
|
||||
setInterval(() => {
|
||||
this.determineIsTrackPadLike();
|
||||
|
||||
Reference in New Issue
Block a user