Fix iframe behavior on iOS

jsor · Feb 5, 2016 · 4876fa3 · 4876fa3
1 parent de6a34e
commit 4876fa3
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 7 deletions.
diff --git a/dist/lity.css b/dist/lity.css
@@ -1,4 +1,4 @@
-/*! Lity - v1.6.0 - 2016-01-11
+/*! Lity - v1.6.0 - 2016-02-05
 * http://sorgalla.com/lity/
 * Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
 .lity {
@@ -171,8 +171,12 @@
 .lity-iframe-container {
   width: 100%;
   height: 0;
-  overflow: hidden;
   padding-top: 56.25%;
+  overflow: auto;
+  pointer-events: auto;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+  -webkit-overflow-scrolling: touch;
 }
 .lity-iframe-container iframe {
   position: absolute;

diff --git a/dist/lity.js b/dist/lity.js
@@ -1,4 +1,4 @@
-/*! Lity - v1.6.0 - 2016-01-11
+/*! Lity - v1.6.0 - 2016-02-05
 * http://sorgalla.com/lity/
 * Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
 (function(window, factory) {

diff --git a/dist/lity.min.css b/dist/lity.min.css
diff --git a/dist/lity.min.js b/dist/lity.min.js
diff --git a/src/lity.less b/src/lity.less
@@ -180,8 +180,11 @@
 .lity-iframe-container {
     width: 100%;
     height: 0;
-    overflow: hidden;
     padding-top: @lity-iframe-ratio * 100%;
+    overflow: auto;
+    pointer-events: auto;
+    transform: translateZ(0);
+    -webkit-overflow-scrolling: touch;
 
     iframe {
         position: absolute;