Merge branch 'hotfix/1.0.0-alpha.12' into master

Author: titouanmathis

dist/services/resize.js

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.12",
   "description": "",
   "scripts": {
     "prepublishOnly": "if [[ ! $PWD =~ dist$ ]]; then echo '🚧 Use `npm run deploy` instead of `npm publish`!' && echo '' && exit 1; fi",

dist/services/resize.js.map

@@ -23,8 +23,12 @@ class Resize extends Service {
       this.trigger(this.props);
     }).bind(this);
 
-    this.resizeObserver = new ResizeObserver(this.handler);
-    this.resizeObserver.observe(document.documentElement);
+    if (this.canUseResizeObserver) {
+      this.resizeObserver = new ResizeObserver(this.handler);
+      this.resizeObserver.observe(document.documentElement);
+    } else {
+      window.addEventListener('resize', this.handler);
+    }
   }
 
   /**
@@ -33,7 +37,11 @@ class Resize extends Service {
    * @return {void}
    */
   kill() {
-    this.resizeObserver.disconnect();
+    if (this.canUseResizeObserver) {
+      this.resizeObserver.disconnect();
+    } else {
+      window.removeEventListener('resize', this.handler);
+    }
     delete this.resizeObserver;
   }
 
@@ -97,6 +105,14 @@ class Resize extends Service {
 
     return breakpoints.split(',');
   }
+
+  /**
+   * Test if we can use the `ResizeObserver` API.
+   * @return {Boolean}
+   */
+  get canUseResizeObserver() {
+    return typeof window.ResizeObserver !== 'undefined';
+  }
 }
 
 let resize = null;