Backport pull request jellyfin#6298 from jellyfin-web/release-10.10.z

Fix large PDF Display

Original-merge: 048d3f1

Merged-by: thornbill <[email protected]>

Backported-by: Joshua M. Boniface <[email protected]>

Author: viown

src/plugins/pdfPlayer/plugin.js

@@ -293,12 +293,20 @@ export class PdfPlayer {
         const devicePixelRatio = window.devicePixelRatio || 1;
         this.book.getPage(number).then(page => {
             const original = page.getViewport({ scale: 1 });
-            const scale = Math.max((window.screen.height / original.height), (window.screen.width / original.width)) * devicePixelRatio;
+            const scale = Math.min((window.innerHeight / original.height), (window.innerWidth / original.width)) * devicePixelRatio;
             const viewport = page.getViewport({ scale });
 
             canvas.width = viewport.width;
             canvas.height = viewport.height;
 
+            if (window.innerWidth < window.innerHeight) {
+                canvas.style.width = '100%';
+                canvas.style.height = 'auto';
+            } else {
+                canvas.style.height = '100%';
+                canvas.style.width = 'auto';
+            }
+
             const context = canvas.getContext('2d');
 
             const renderContext = {