From a528d9adc08f6bc832fd20fa540a1243159c43be Mon Sep 17 00:00:00 2001
From: Xin <xin@imfing.com>
Date: Thu, 11 Sep 2025 08:54:52 +0100
Subject: [PATCH] chore(image-zoom): enhance mobile experience with scroll lock
 and touch actions

---
 assets/css/components/image-zoom.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/assets/css/components/image-zoom.css b/assets/css/components/image-zoom.css
index 1d9addc..a1a543a 100644
--- a/assets/css/components/image-zoom.css
+++ b/assets/css/components/image-zoom.css
@@ -10,6 +10,8 @@
   opacity: 0;
   transition: opacity 0.25s ease-out;
   cursor: zoom-out;
+  overscroll-behavior: contain;
+  touch-action: none;
 }
 
 .hextra-zoom-image-overlay.show {
@@ -40,3 +42,9 @@
 .content img:not([data-no-zoom]) {
   cursor: zoom-in;
 }
+
+html:has(.hextra-zoom-image-overlay.show),
+body:has(.hextra-zoom-image-overlay.show) {
+  overflow: hidden;
+  height: 100%;
+}