From 5b364441c42fe1227e9dff7839b434265c9a9758 Mon Sep 17 00:00:00 2001 From: Alexander Zinchuk Date: Tue, 28 Sep 2021 15:42:28 +0300 Subject: [PATCH] Media Viewer: Prevent jumping Composer on iOS (#1470) --- src/hooks/usePreventPinchZoomGesture.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/hooks/usePreventPinchZoomGesture.ts b/src/hooks/usePreventPinchZoomGesture.ts index d4cfc9e04..9c332f2b0 100644 --- a/src/hooks/usePreventPinchZoomGesture.ts +++ b/src/hooks/usePreventPinchZoomGesture.ts @@ -3,6 +3,9 @@ import { IS_IOS, IS_PWA, IS_TOUCH_ENV } from '../util/environment'; const metaViewport = document.querySelector('meta[name="viewport"]'); const defaultViewportContent = metaViewport?.getAttribute('content') || ''; +const allowedZoomViewportContent = defaultViewportContent + .replace(/\s*maximum-scale=1\.0,?/i, '') + .replace(/\s*user-scalable=no,?/i, ''); export default function usePreventPinchZoomGesture(isDisabled = false) { useEffect(() => { @@ -13,7 +16,7 @@ export default function usePreventPinchZoomGesture(isDisabled = false) { if (isDisabled) { // Clean viewport content from values values that disable the ability to zoom a webpage // https://web.dev/meta-viewport/ - metaViewport?.setAttribute('content', 'width=device-width, initial-scale=1, shrink-to-fit=no'); + metaViewport?.setAttribute('content', allowedZoomViewportContent); return undefined; }