From 4d86cf8d631967dd8925b24be5d99b24300d48b4 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Fri, 29 Apr 2022 13:03:26 +0800
Subject: [PATCH] Simplify

---
 example/example-dev.html              | 2 +-
 src/components/utils/scroll-locker.ts | 6 +++---
 src/styles/ui.css                     | 4 ----
 3 files changed, 4 insertions(+), 8 deletions(-)
diff --git a/example/example-dev.html b/example/example-dev.html
index 2a6900f1..f8687184 100644
--- a/example/example-dev.html
+++ b/example/example-dev.html
@@ -12,7 +12,7 @@
   <link href="https://fonts.googleapis.com/css?family=PT+Mono" rel="stylesheet">
   <link href="assets/demo.css" rel="stylesheet">
   <script src="assets/json-preview.js"></script>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 </head>
 <body>
   <script>
diff --git a/src/components/utils/scroll-locker.ts b/src/components/utils/scroll-locker.ts
index b550323d..40f2082d 100644
--- a/src/components/utils/scroll-locker.ts
+++ b/src/components/utils/scroll-locker.ts
@@ -5,7 +5,7 @@
 let scrollPosition = null;
 
 /**
- * Name of the class applied to html element to lock body scroll
+ * Name of the class applied to body element to lock scroll
  */
 const scrollLockedClassName = 'ce-scroll-locked';
 
@@ -18,14 +18,14 @@ export function lock(): void {
     '--window-scroll-offset',
     `${scrollPosition}px`
   );
-  document.documentElement.classList.add(scrollLockedClassName);
+  document.body.classList.add(scrollLockedClassName);
 }
 
 /**
  * Unlocks body element scroll
  */
 export function unlock(): void {
-  document.documentElement.classList.remove(scrollLockedClassName);
+  document.body.classList.remove(scrollLockedClassName);
 
   if (scrollPosition !== null) {
     window.scrollTo(0, scrollPosition);
diff --git a/src/styles/ui.css b/src/styles/ui.css
index eac97648..b82d33fa 100644
--- a/src/styles/ui.css
+++ b/src/styles/ui.css
@@ -129,10 +129,6 @@
 }
 
 .ce-scroll-locked {
-  height: calc(100vh  + env(safe-area-inset-bottom));
-}
-
-.ce-scroll-locked > body {
   overflow: hidden;
   top: calc(-1 * var(--window-scroll-offset));
   position: fixed;
