From 0273caca03700824c38f194775f758e4a5914ab8 Mon Sep 17 00:00:00 2001
From: TheMaddax <chris@sigd.net>
Date: Thu, 18 Dec 2025 08:36:42 -0700
Subject: [PATCH] Fix mobile PDF viewer scrolling - wrap iframe in scrollable
 container

---
 resources/js/Components/PDFViewer.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/resources/js/Components/PDFViewer.vue b/resources/js/Components/PDFViewer.vue
index a399e523..6ae60ba5 100644
--- a/resources/js/Components/PDFViewer.vue
+++ b/resources/js/Components/PDFViewer.vue
@@ -100,14 +100,16 @@ const handleDownload = () => {
             </div>
 
             <!-- PDF Content -->
-            <div class="flex-1 bg-gray-50 overflow-hidden"
+            <div class="flex-1 bg-gray-50"
                  :class="isMobile ? 'p-1' : 'p-4'">
-                <iframe
-                    :src="`${documentUrl}#view=FitH&toolbar=1&navpanes=0&scrollbar=1`"
-                    class="w-full h-full border-0 rounded-md bg-white"
-                    :title="documentTitle"
-                    style="overflow: auto; -webkit-overflow-scrolling: touch;"
-                />
+                <div class="w-full h-full overflow-auto rounded-md bg-white" style="-webkit-overflow-scrolling: touch;">
+                    <iframe
+                        :src="`${documentUrl}#view=FitH&toolbar=1&navpanes=0&scrollbar=1`"
+                        class="w-full border-0 bg-white"
+                        :style="{ minHeight: isMobile ? '200vh' : '100%', height: isMobile ? 'auto' : '100%' }"
+                        :title="documentTitle"
+                    />
+                </div>
             </div>
         </div>
     </div>