Merge branch 'release/11.0.2'

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Version 11
 
+#### 11.0.2
+
+Applied a patch to resolve #293 a [Chromium bug](https://bugs.chromium.org/p/chromium/issues/detail?id=910741#c13) already fixed in Chrome 72. Thanks to @dverbovyi for reporting, analyzing and solving it.
+
 #### 11.0.1
 
 Squashed a nasty bug that occurred on IE 11 and Safari when the `IntersectionObserver` polyfill wasn't loaded before LazyLoad.

README.md

@@ -90,15 +90,15 @@ Note that to load images you to use `url()` in the value of your `data-bg` attri
 
 ### Include LazyLoad in your project
 
-The latest version of LazyLoad is **11.0.1**.<br>
+The latest version of LazyLoad is **11.0.2**.<br>
 &rarr; [Read the note about versions and behaviour](#note-about-versions-and-behaviour)
 
 #### The simplest way
 
 The easiest way to use LazyLoad is to include the script from a CDN:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].2/dist/lazyload.min.js"></script>
 ```
 
 Then, in your javascript code:
@@ -137,7 +137,7 @@ If you prefer, it's possible to include LazyLoad's script using `async` script a
 Then include the script.
 
 ```html
-<script async src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"></script>
+<script async src="https://cdn.jsdelivr.net/npm/[email protected].2/dist/lazyload.min.js"></script>
 ```
 
 **Possibly place the script tag right before the closing `</body>` tag**. If you can't do that, LazyLoad could be executed before the browser has loaded all the DOM, and you'll need to call `lazyLoadInstance.update();` to make LazyLoad check the DOM again. 
@@ -177,7 +177,7 @@ This is because LazyLoad uses `CustomEvent` ([learn more](https://developer.mozi
 If you use [RequireJS](https://requirejs.org) to dynamically load modules in your website, you can take advantage of it.
 
 ```js
-define("vanilla-lazyLoad", ["https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.amd.min.js"], function (LazyLoad) {
+define("vanilla-lazyLoad", ["https://cdn.jsdelivr.net/npm/[email protected].2/dist/lazyload.amd.min.js"], function (LazyLoad) {
     return LazyLoad;
 });
 ```
@@ -239,7 +239,7 @@ Inside the `dist` folder you will find different bundles.
 
 #### Note about versions and behaviour
 
-The latest, recommended version of LazyLoad is `11.0.1`.
+The latest, recommended version of LazyLoad is `11.0.2`.
 
 - On [browsers supporting the `IntersectionObserver` API]((https://caniuse.com/#feat=intersectionobserver)), it will load your images as they enter the viewport.
 - On browsers _not_ supporting `IntersectionObserver`, it will load all your lazy content immediately, **unless** you load an `IntersectionObserver` polyfill like [this one](https://github.com/w3c/IntersectionObserver/) in your page (before LazyLoad). Using [Polyfill.io](https://polyfill.io/) is a way to do that.

dist/lazyload.amd.js

@@ -368,12 +368,9 @@ define(function () {
     setWasProcessedData(element);
     callbackIfSet(settings.callback_reveal, element);
   };
-  /* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and
-     entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */
-
 
   var isIntersecting = function isIntersecting(entry) {
-    return entry.isIntersecting || entry.intersectionRatio > 0;
+    return entry.intersectionRatio > 0;
   };
 
   var getObserverSettings = function getObserverSettings(settings) {

dist/lazyload.esm.js

@@ -348,10 +348,7 @@ const revealElement = (element, instance, force) => {
 	callbackIfSet(settings.callback_reveal, element);
 };
 
-/* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and
-   entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */
-const isIntersecting = entry =>
-	entry.isIntersecting || entry.intersectionRatio > 0;
+const isIntersecting = entry => entry.intersectionRatio > 0;
 
 const getObserverSettings = settings => ({
 	root: settings.container === document ? null : settings.container,

dist/lazyload.iife.js

@@ -368,12 +368,9 @@ var LazyLoad = function () {
     setWasProcessedData(element);
     callbackIfSet(settings.callback_reveal, element);
   };
-  /* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and
-     entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */
-
 
   var isIntersecting = function isIntersecting(entry) {
-    return entry.isIntersecting || entry.intersectionRatio > 0;
+    return entry.intersectionRatio > 0;
   };
 
   var getObserverSettings = function getObserverSettings(settings) {