ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Media Viewer: Prevent jumping Composer on iOS (#1470)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-09-28 15:42:28 +03:00
parent a4a23cb21c
commit 5b364441c4
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/hooks/usePreventPinchZoomGesture.ts
View File

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