Skip to content

Commit 13ea2f6

Browse files
Merge pull request #280 from abhitrueprogrammer/zoomIn
fix: zoom
2 parents 21a5d3a + f20a5d9 commit 13ea2f6

1 file changed

Lines changed: 16 additions & 0 deletions

File tree

src/components/pdfViewer.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -168,6 +168,22 @@ export default function PdfViewer({ url, name }: PdfViewerProps) {
168168
return () => window.removeEventListener("resize", calculateScale);
169169
}, []);
170170

171+
useEffect(() => {
172+
const container = containerRef.current;
173+
if (!container) return;
174+
175+
const handleWheel = (e: WheelEvent) => {
176+
if (e.ctrlKey) { // ctrl+wheel is pinch zoom gesture
177+
e.preventDefault();
178+
setScale((prev) => Math.max(0.1, prev + (e.deltaY < 0 ? 0.1 : -0.1)));
179+
}
180+
};
181+
182+
container.addEventListener("wheel", handleWheel, { passive: false });
183+
return () => container.removeEventListener("wheel", handleWheel);
184+
}, []);
185+
186+
171187
return (
172188
<div className="flex flex-col items-center p-3 md:p-0">
173189
<div

0 commit comments

Comments
 (0)