1.1.5

pagespeed-pro · Feb 19, 2020 · 6a7e6d6 · 6a7e6d6
1 parent 098cef5
commit 6a7e6d6
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 31 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 [![Build Status](https://travis-ci.com/style-tools/lazy.svg?branch=master)](https://travis-ci.com/style-tools/lazy) [![Version](https://img.shields.io/github/release/style-tools/lazy.svg)](https://github.com/style-tools/lazy/releases) [![npm version](https://badge.fury.io/js/%40style.tools%2Flazy.svg)](http://badge.fury.io/js/%40style.tools%2Flazy) [![Latest Stable Version](https://poser.pugx.org/styletools/lazy/v/stable.png)](https://packagist.org/packages/styletools/lazy)
 
-# Lazy Image and Iframe Loader
+# Lazy Loader
 
 A lightweight lazy loader based on [Intersection Observer V2](https://developers.google.com/web/updates/2019/02/intersectionobserver-v2) with a tiny fallback for old browsers. 
 
@@ -10,7 +10,7 @@ A lightweight lazy loader based on [Intersection Observer V2](https://developers
 - `.webp` rewrite with fallback (WebP support for `<img>` tag, saves a server-side redirect)
 - `inview` and `out-of-view` callback (persistent observer for advanced element-in-view usage)
 - `$lazybg` for lazy loading of `background-image` in stylesheets (CSS-variables)
-- tiniest lazy load script `$z()` (300 bytes).
+- tiniest lazy load script `$z()` (300 bytes)
 
 #### Examples
 

diff --git a/dist/lazy+data-attr+polyfill+events.js b/dist/lazy+data-attr+polyfill+events.js
diff --git a/dist/lazy+webp+data-attr+polyfill+events.js b/dist/lazy+webp+data-attr+polyfill+events.js
diff --git a/src/lazy.js b/src/lazy.js
@@ -158,30 +158,33 @@ function $lazy(config, inview, observer_callback) {
     // event based fallback
     if (CLICK_EXTENSION) {
         for (var i = 0, l = assets.length; i < l; i++) {
-            asset = assets[i];
-            if (observer) {
-                observer.observe(asset);
-            } else {
-                // simple fallback if Intersection Observer is not available
-                observer_callback([asset]);
-            }
+            (function(asset) {
+
+                if (observer) {
+                    observer.observe(asset);
+                } else {
+                    // simple fallback if Intersection Observer is not available
+                    observer_callback([asset]);
+                }
 
-            // event listener
-            var listener = function(e) {
+                // event listener
+                var listener = function(e) {
 
-                // remove event
-                asset.removeEventListener(e.type, listener);
-                // call handler
+                    // remove event
+                    asset.removeEventListener(e.type, listener);
+                    // call handler
 
-                observer_callback([asset],asset);
-            };
+                    observer_callback([asset],asset);
+                };
+
+                for (var _i = 0, _l = eventtypes.length; _i < _l; _i++) {
+                    asset.addEventListener(eventtypes[_i], listener, {
+                        "passive": true,
+                        "once": true
+                    });
+                }
+            })(assets[i]);
 
-            for (var _i = 0, _l = eventtypes.length; _i < _l; _i++) {
-                asset.addEventListener(eventtypes[_i], listener, {
-                    "passive": true,
-                    "once": true
-                });
-            }
         }
     } else {