Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-09-26 17:52:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improvements for scroll gestures

Browse Source
This commit is contained in:
James Brunton 2025-09-16 16:06:27 +01:00
parent 3755bfde34
commit a67f5199d3
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/viewer/EmbedPdfViewer.tsx
View File

@ -62,20 +62,26 @@ const EmbedPdfViewerContent = ({
// Handle scroll wheel zoom // Handle scroll wheel zoom
React.useEffect(() => { React.useEffect(() => {
let accumulator = 0;
const handleWheel = (event: WheelEvent) => { const handleWheel = (event: WheelEvent) => {
// Check if Ctrl (Windows/Linux) or Cmd (Mac) is pressed // Check if Ctrl (Windows/Linux) or Cmd (Mac) is pressed
if (event.ctrlKey || event.metaKey) { if (event.ctrlKey || event.metaKey) {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
// Convert smooth scrolling gestures into discrete notches
accumulator += event.deltaY;
const threshold = 10;
const zoomAPI = window.embedPdfZoom; const zoomAPI = window.embedPdfZoom;
if (zoomAPI) { if (zoomAPI) {
if (event.deltaY < 0) { if (accumulator <= -threshold) {
// Scroll up - zoom in
zoomAPI.zoomIn(); zoomAPI.zoomIn();
} else { accumulator = 0;
// Scroll down - zoom out } else if (accumulator >= threshold) {
zoomAPI.zoomOut(); zoomAPI.zoomOut();
accumulator = 0;
} }
} }
} }