Add support for ResizeObserver (Modernizr#2582)

TusharNaugain · Jul 2, 2020 · 2255367 · 2255367
1 parent 9b62ec8
commit 2255367
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/feature-detects/window/resizeobserver.js b/feature-detects/window/resizeobserver.js
@@ -0,0 +1,29 @@
+/*!
+{
+  "name": "ResizeObserver",
+  "property": "resizeobserver",
+  "caniuse": "resizeobserver",
+  "tags": ["ResizeObserver"],
+  "authors": ["Christian Andersson"],
+  "notes": [{
+    "name": "W3C Spec",
+    "href": "https://www.w3.org/TR/resize-observer/"
+  }, {
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver"
+  }, {
+    "name": "Web.dev Article",
+    "href": "https://web.dev/resize-observer/"
+  }, {
+    "name": "Digital Ocean tutorial",
+    "href": "https://www.digitalocean.com/community/tutorials/js-resize-observer"
+  }]
+}
+!*/
+
+/* DOC
+Detects support for ResizeObserver.
+*/
+define(['Modernizr'], function(Modernizr) {
+  Modernizr.addTest('resizeobserver', 'ResizeObserver' in window);
+});
diff --git a/lib/config-all.json b/lib/config-all.json
@@ -310,6 +310,7 @@
     "window/atob-btoa",
     "window/framed",
     "window/matchmedia",
+    "window/resizeobserver",
     "workers/blobworkers",
     "workers/dataworkers",
     "workers/sharedworkers",

diff --git a/test/browser/integration/caniuse.js b/test/browser/integration/caniuse.js
@@ -130,6 +130,7 @@ window.caniusecb = function(caniuse) {
       queryselector: 'queryselector',
       regions: 'css-regions',
       requestanimationframe: 'requestanimationframe',
+      resizeobserver: 'resizeobserver',
       rgba: 'css3-colors',
       ruby: 'ruby',
       sandbox: 'iframe-sandbox',