chaulmark/mad-lawsuit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix mobile PDF viewer scrolling - wrap iframe in scrollable container

Browse source
This commit is contained in:
TheMaddax 2025-12-18 08:36:42 -07:00
parent 73b0e7ae9e
commit 0273caca03
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
resources/js/Components/PDFViewer.vue
View file

@ -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>