fix: disable vertical scrolling in reader with overflow-hidden and touch-action-none

Author: logan676

src/features/reader/components/chapter-reader.tsx

@@ -112,7 +112,7 @@ export const ChapterReader = forwardRef<ChapterReaderHandle, ChapterReaderProps>
     }
 
     return (
-      <div className="relative h-full">
+      <div className="relative h-full overflow-hidden">
         {isLoading && (
           <div className="absolute inset-0 z-20 flex items-center justify-center bg-background/80">
             <div className="flex flex-col items-center gap-4">
@@ -123,7 +123,7 @@ export const ChapterReader = forwardRef<ChapterReaderHandle, ChapterReaderProps>
         )}
         <div
           ref={containerRef}
-          className="relative h-full"
+          className="relative h-full overflow-hidden"
           style={{ backgroundColor: themeColors.background }}
         />
         {/* Click areas for navigation */}

src/features/reader/engine/chapter-renderer.ts

@@ -26,6 +26,7 @@ export class ChapterRenderer {
     this.viewport.style.position = 'absolute';
     this.viewport.style.inset = '0';
     this.viewport.style.overflow = 'hidden';
+    this.viewport.style.touchAction = 'none';
 
     this.content = document.createElement('div');
     this.content.className = 'reader-engine-content';