Fix Safari background scrolling

deoostfrees · Nov 19, 2022 · 9a7071e · 9a7071e
1 parent 962d67e
commit 9a7071e
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 3 deletions.
diff --git a/dist/css/parvus.css b/dist/css/parvus.css
@@ -11,6 +11,10 @@
   --parvus-loader-color: hsl(228, 24%, 23%);
 }
 
+.parvus-is-open {
+  touch-action: none;
+}
+
 /**
  * Parvus trigger
  *
@@ -59,6 +63,7 @@
   justify-content: center;
   line-height: 1.667;
   overflow: hidden;
+  overscroll-behavior: contain;
   position: fixed;
   z-index: 1337;
 }

diff --git a/dist/css/parvus.min.css b/dist/css/parvus.min.css
diff --git a/dist/js/parvus.esm.js b/dist/js/parvus.esm.js
@@ -468,6 +468,7 @@ function Parvus(userOptions) {
       }
     });
     lightbox.dispatchEvent(OPEN_EVENT);
+    document.body.classList.add('parvus-is-open');
   };
 
   /**
@@ -543,6 +544,7 @@ function Parvus(userOptions) {
       }
     });
     lightbox.dispatchEvent(CLOSE_EVENT);
+    document.body.classList.remove('parvus-is-open');
   };
 
   /**

diff --git a/dist/js/parvus.esm.min.js b/dist/js/parvus.esm.min.js
diff --git a/dist/js/parvus.js b/dist/js/parvus.js
@@ -474,6 +474,7 @@
         }
       });
       lightbox.dispatchEvent(OPEN_EVENT);
+      document.body.classList.add('parvus-is-open');
     };
 
     /**
@@ -549,6 +550,7 @@
         }
       });
       lightbox.dispatchEvent(CLOSE_EVENT);
+      document.body.classList.remove('parvus-is-open');
     };
 
     /**

diff --git a/dist/js/parvus.min.js b/dist/js/parvus.min.js
diff --git a/src/js/parvus.js b/src/js/parvus.js
@@ -499,6 +499,8 @@ export default function Parvus (userOptions) {
     })
 
     lightbox.dispatchEvent(OPEN_EVENT)
+
+    document.body.classList.add('parvus-is-open')
   }
 
   /**
@@ -589,6 +591,8 @@ export default function Parvus (userOptions) {
     })
 
     lightbox.dispatchEvent(CLOSE_EVENT)
+
+    document.body.classList.remove('parvus-is-open')
   }
 
   /**

diff --git a/src/scss/parvus.scss b/src/scss/parvus.scss
@@ -15,6 +15,10 @@
   --parvus-loader-color: hsl(228, 24%, 23%);
 }
 
+.parvus-is-open {
+  touch-action: none;
+}
+
 /**
  * Parvus trigger
  *
@@ -70,6 +74,7 @@
   justify-content: center;
   line-height: 1.667;
   overflow: hidden;
+  overscroll-behavior: contain;
   position: fixed;
   z-index: 1337;
-Original file line number
+Diff line change
@@ Expand Up / @@ -468,6 +468,7 @@ function Parvus(userOptions) { @@
           }
         });
         lightbox.dispatchEvent(OPEN_EVENT);
+        document.body.classList.add('parvus-is-open');
       };
       /**
@@ Expand Down Expand Up / @@ -543,6 +544,7 @@ function Parvus(userOptions) { @@
           }
         });
         lightbox.dispatchEvent(CLOSE_EVENT);
+        document.body.classList.remove('parvus-is-open');
       };
       /**
@@ Expand Down @@