v0.13.0

dist/tingle.css

@@ -1,5 +1,5 @@
 /* ----------------------------------------------------------- */
-/* == tingle v0.12.0 */
+/* == tingle v0.13.0 */
 /* ----------------------------------------------------------- */
 
 .tingle-modal * {
@@ -25,6 +25,7 @@
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
+ -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  cursor: pointer;
@@ -132,6 +133,7 @@
 -------------------------------------------------------------- */
 
 .tingle-enabled {
+ position: fixed;
  overflow: hidden;
  height: 100%;
 }
@@ -141,8 +143,8 @@
 }
 
 .tingle-enabled .tingle-content-wrapper {
- -webkit-filter: blur(15px);
- filter: blur(15px);
+ -webkit-filter: blur(12px);
+ filter: blur(12px);
 }
 
 .tingle-modal--visible {
@@ -265,3 +267,22 @@
  font-size: 4rem;
  }
 }
+
+@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
+ .tingle-modal {
+ -webkit-backdrop-filter: blur(20px);
+ backdrop-filter: blur(20px);
+ }
+
+ @media (max-width : 540px) {
+ .tingle-modal {
+ -webkit-backdrop-filter: blur(8px);
+ backdrop-filter: blur(8px);
+ }
+ }
+
+ .tingle-enabled .tingle-content-wrapper {
+ -webkit-filter: none;
+ filter: none;
+ }
+}

dist/tingle.js

@@ -1,7 +1,7 @@
 /*!
 * tingle.js
 * @author robin_parisi
-* @version 0.12.0
+* @version 0.13.0
 * @url
 */
 (function(root, factory) {
@@ -88,7 +88,9 @@
  }
 
  // prevent double scroll
+ this._scrollPosition = window.pageYOffset;
  document.body.classList.add('tingle-enabled');
+ document.body.style.top = -this._scrollPosition + 'px';
 
  // sticky footer
  this.setStickyFooter(this.opts.stickyFooter);
@@ -129,6 +131,7 @@
  }
 
  document.body.classList.remove('tingle-enabled');
+ window.scrollTo(0, this._scrollPosition);
 
  this.modal.classList.remove('tingle-modal--visible');