From c44bed806ac907a597fe8e17ea2ef14246e29f92 Mon Sep 17 00:00:00 2001
From: andrico <andrico1234@yahoo.co.uk>
Date: Fri, 10 Jan 2020 08:11:22 +0000
Subject: [PATCH 1/2] prelimnary ios lock fixes

---
 src/useLockBodyScroll.ts | 40 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/useLockBodyScroll.ts b/src/useLockBodyScroll.ts
index 85b81d63..77a11313 100644
--- a/src/useLockBodyScroll.ts
+++ b/src/useLockBodyScroll.ts
@@ -15,15 +15,33 @@ export function getClosestBody(el: Element | HTMLElement | HTMLIFrameElement | n
   return getClosestBody((el as HTMLElement).offsetParent!);
 }
 
+function preventDefault(rawEvent: TouchEvent): boolean {
+  const e = rawEvent || window.event;
+  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).
+  if (e.touches.length > 1) return true;
+
+  if (e.preventDefault) e.preventDefault();
+
+  return false;
+}
+
 export interface BodyInfoItem {
   counter: number;
   initialOverflow: CSSStyleDeclaration['overflow'];
 }
 
+const isIosDevice =
+  typeof window !== 'undefined' &&
+  window.navigator &&
+  window.navigator.platform &&
+  /iP(ad|hone|od)/.test(window.navigator.platform);
+
 const bodies: Map<HTMLElement, BodyInfoItem> = new Map();
 
 const doc: Document | undefined = typeof document === 'object' ? document : undefined;
 
+let documentListenerAdded = false;
+
 export default !doc
   ? function useLockBodyMock(_locked: boolean = true, _elementRef?: RefObject<HTMLElement>) {}
   : function useLockBody(locked: boolean = true, elementRef?: RefObject<HTMLElement>) {
@@ -40,7 +58,15 @@ export default !doc
         if (locked) {
           if (!bodyInfo) {
             bodies.set(body, { counter: 1, initialOverflow: body.style.overflow });
-            body.style.overflow = 'hidden';
+            if (isIosDevice) {
+              if (!documentListenerAdded) {
+                document.addEventListener('touchmove', preventDefault, { passive: false });
+
+                documentListenerAdded = true;
+              }
+            } else {
+              body.style.overflow = 'hidden';
+            }
           } else {
             bodies.set(body, { counter: bodyInfo.counter + 1, initialOverflow: bodyInfo.initialOverflow });
           }
@@ -48,7 +74,17 @@ export default !doc
           if (bodyInfo) {
             if (bodyInfo.counter === 1) {
               bodies.delete(body);
-              body.style.overflow = bodyInfo.initialOverflow;
+              if (isIosDevice) {
+                body.ontouchstart = null;
+                body.ontouchmove = null;
+
+                if (documentListenerAdded) {
+                  document.removeEventListener('touchmove', preventDefault);
+                  documentListenerAdded = false;
+                }
+              } else {
+                body.style.overflow = bodyInfo.initialOverflow;
+              }
             } else {
               bodies.set(body, { counter: bodyInfo.counter - 1, initialOverflow: bodyInfo.initialOverflow });
             }

From 9f54379f33b4c455b0416bfecfb35fb251160db4 Mon Sep 17 00:00:00 2001
From: andrico <andrico1234@yahoo.co.uk>
Date: Fri, 10 Jan 2020 08:20:52 +0000
Subject: [PATCH 2/2] remove ontouchstart event handler

---
 src/useLockBodyScroll.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/useLockBodyScroll.ts b/src/useLockBodyScroll.ts
index 77a11313..b2afaad7 100644
--- a/src/useLockBodyScroll.ts
+++ b/src/useLockBodyScroll.ts
@@ -75,7 +75,6 @@ export default !doc
             if (bodyInfo.counter === 1) {
               bodies.delete(body);
               if (isIosDevice) {
-                body.ontouchstart = null;
                 body.ontouchmove = null;
 
                 if (documentListenerAdded) {