Skip to content

Commit 8a1dee1

Browse files
committed
fix: enable horizontal scrolling on mobile devices
Changed CSS for .pdf-elements-root and .pages-container to allow horizontal scrolling and proper touch event handling: - overflow-x: hidden → overflow-x: auto - overflow: hidden → overflow: visible - Added touch-action: pan-x pan-y for proper touch gestures - Added -webkit-overflow-scrolling: touch for smooth mobile scroll Fixes: LibreSign issue #7341 - users couldn't scroll PDF horizontally on mobile devices even when content was wider than viewport
1 parent 3d200bf commit 8a1dee1

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

src/components/PDFElements.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1303,15 +1303,17 @@ export default defineComponent({
13031303
width: 100%;
13041304
height: 100%;
13051305
overflow-y: auto;
1306-
overflow-x: hidden;
1306+
overflow-x: auto;
13071307
box-sizing: border-box;
1308+
touch-action: pan-x pan-y;
1309+
-webkit-overflow-scrolling: touch;
13081310
}
13091311
.pages-container {
13101312
width: 100%;
13111313
padding: 20px 0 0 0;
13121314
text-align: center;
13131315
background: #f7fafc;
1314-
overflow: hidden;
1316+
overflow: visible;
13151317
}
13161318
.page-slot {
13171319
margin: 0 auto;

0 commit comments

Comments
 (0)