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%; +}