Flag event listeners as passive

src/base/hooks/useMouseDragScroll.tsx

@@ -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);

src/features/reader/infinite-scroll/useReaderInfiniteScrollUpdateChapter.ts

@@ -289,7 +289,7 @@ export const useReaderInfiniteScrollUpdateChapter = (
             }
         };
 
-        scrollElement.addEventListener('scroll', onScroll);
+        scrollElement.addEventListener('scroll', onScroll, { passive: true });
         return () => scrollElement.removeEventListener('scroll', onScroll);
     }, [
         readingMode,

src/features/reader/overlay/hooks/useReaderHideOverlayOnUserScroll.ts

@@ -27,8 +27,8 @@ export const useReaderHideOverlayOnUserScroll = (
             }
         };
 
-        scrollElementRef.current?.addEventListener('wheel', handleScroll);
+        scrollElementRef.current?.addEventListener('wheel', handleScroll, { passive: true });
-        scrollElementRef.current?.addEventListener('touchmove', handleScroll);
+        scrollElementRef.current?.addEventListener('touchmove', handleScroll, { passive: true });
         return () => {
             scrollElementRef.current?.removeEventListener('wheel', handleScroll);
             scrollElementRef.current?.removeEventListener('touchmove', handleScroll);

src/features/reader/services/ReaderControls.ts

@@ -606,8 +606,8 @@ export class ReaderControls {
                 }
             };
 
-            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mousemove', handleMouseMove, { passive: true });
-            document.addEventListener('touchmove', handleTouchMove);
+            document.addEventListener('touchmove', handleTouchMove, { passive: true });
 
             return () => {
                 document.removeEventListener('mousemove', handleMouseMove);

src/features/reader/viewer/hooks/useReaderHideCursorOnInactivity.ts

@@ -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);

src/features/reader/viewer/hooks/useReaderPreserveScrollPosition.ts

@@ -130,7 +130,7 @@ const useScrollPreservationData = (
             };
         };
 
-        scrollElement.addEventListener('scroll', onScroll);
+        scrollElement.addEventListener('scroll', onScroll, { passive: true });
 
         return () => scrollElement.removeEventListener('scroll', onScroll);
     }, []);

src/lib/PointerDeviceUtil.ts

@@ -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();