{ "caniuse": [ "resizeobserver" ], "compat_features": [ "api.ResizeObserver", "api.ResizeObserver.ResizeObserver", "api.ResizeObserver.disconnect", "api.ResizeObserver.observe", "api.ResizeObserver.observe.options_box_parameter", "api.ResizeObserver.unobserve", "api.ResizeObserverEntry", "api.ResizeObserverEntry.borderBoxSize", "api.ResizeObserverEntry.contentBoxSize", "api.ResizeObserverEntry.contentRect", "api.ResizeObserverEntry.devicePixelContentBoxSize", "api.ResizeObserverEntry.target", "api.ResizeObserverSize", "api.ResizeObserverSize.blockSize", "api.ResizeObserverSize.inlineSize" ], "description": "The ResizeObserver API observes and reacts to changes in the size of DOM elements.", "description_html": "The ResizeObserver API observes and reacts to changes in the size of DOM elements.", "kind": "feature", "name": "Resize observer", "spec": [ "https://drafts.csswg.org/resize-observer-1/" ], "status": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "by_compat_key": { "api.ResizeObserver": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserver.ResizeObserver": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserver.disconnect": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserver.observe": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserver.observe.options_box_parameter": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "69", "firefox_android": "79", "safari": "15.4", "safari_ios": "15.4" } }, "api.ResizeObserver.unobserve": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserverEntry": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserverEntry.borderBoxSize": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "92", "firefox_android": "92", "safari": "15.4", "safari_ios": "15.4" } }, "api.ResizeObserverEntry.contentBoxSize": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "92", "firefox_android": "92", "safari": "15.4", "safari_ios": "15.4" } }, "api.ResizeObserverEntry.contentRect": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserverEntry.devicePixelContentBoxSize": { "baseline": false, "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "93", "firefox_android": "93" } }, "api.ResizeObserverEntry.target": { "baseline": "high", "baseline_high_date": "2023-01-28", "baseline_low_date": "2020-07-28", "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "api.ResizeObserverSize": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "69", "firefox_android": "79", "safari": "15.4", "safari_ios": "15.4" } }, "api.ResizeObserverSize.blockSize": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "69", "firefox_android": "79", "safari": "15.4", "safari_ios": "15.4" } }, "api.ResizeObserverSize.inlineSize": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "84", "chrome_android": "84", "edge": "84", "firefox": "69", "firefox_android": "79", "safari": "15.4", "safari_ios": "15.4" } } }, "support": { "chrome": "64", "chrome_android": "64", "edge": "79", "firefox": "69", "firefox_android": "79", "safari": "13.1", "safari_ios": "13.4" } }, "id": "resize-observer", "groups": [], "specs": [ { "url": "https://drafts.csswg.org/resize-observer-1/", "seriesComposition": "full", "shortname": "resize-observer-1", "series": { "shortname": "resize-observer", "currentSpecification": "resize-observer-1", "title": "Resize Observer", "shortTitle": "Resize Observer", "releaseUrl": "https://www.w3.org/TR/resize-observer/", "nightlyUrl": "https://drafts.csswg.org/resize-observer/" }, "seriesVersion": "1", "organization": "W3C", "groups": [ { "name": "Cascading Style Sheets (CSS) Working Group", "url": "https://www.w3.org/groups/wg/css/" } ], "release": { "url": "https://www.w3.org/TR/resize-observer-1/", "status": "First Public Working Draft", "filename": "Overview.html" }, "nightly": { "url": "https://drafts.csswg.org/resize-observer-1/", "status": "Editor's Draft", "alternateUrls": [ "https://w3c.github.io/csswg-drafts/resize-observer-1/", "https://w3c.github.io/csswg-drafts/resize-observer/" ], "repository": "https://github.com/w3c/csswg-drafts", "sourcePath": "resize-observer-1/Overview.bs", "filename": "index.html" }, "title": "Resize Observer", "source": "w3c", "shortTitle": "Resize Observer", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "resize-observer" ] }, "fragment": null } ], "mdnUrls": [ { "slug": "Web/API/Resize_Observer_API", "title": "Resize Observer API", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/API/Resize_Observer_API" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": {}, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:resize-observer" }, "developerSignals": null, "bugs": {}, "baselineLowDateAsObject": "2020-07-28T00:00:00.000Z", "baselineHighDateAsObject": "2023-01-28T00:00:00.000Z" }