{ "dom-resizeobserver-resizeobserver": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserver.json", "name": "ResizeObserver", "slug": "API/ResizeObserver/ResizeObserver", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver", "summary": "The ResizeObserver constructor creates a new ResizeObserver object, which can be used to report changes to the content or border box of an Element or the bounding box of an SVGElement.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserver: ResizeObserver() constructor" } ], "dom-resizeobserver-disconnect": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserver.json", "name": "disconnect", "slug": "API/ResizeObserver/disconnect", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/disconnect", "summary": "The disconnect() method of the ResizeObserver interface unobserves all observed Element or SVGElement targets.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserver: disconnect() method" } ], "dom-resizeobserver-observe": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserver.json", "name": "observe", "slug": "API/ResizeObserver/observe", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/observe", "summary": "The observe() method of the ResizeObserver interface starts observing the specified Element or SVGElement.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserver: observe() method" } ], "dom-resizeobserver-unobserve": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserver.json", "name": "unobserve", "slug": "API/ResizeObserver/unobserve", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/unobserve", "summary": "The unobserve() method of the ResizeObserver interface ends the observing of a specified Element or SVGElement.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserver: unobserve() method" } ], "resize-observer-interface": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserver.json", "name": "ResizeObserver", "slug": "API/ResizeObserver", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver", "summary": "The ResizeObserver interface reports changes to the dimensions of an Element's content or border box, or the bounding box of an SVGElement.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserver" } ], "dom-resizeobserverentry-borderboxsize": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverEntry.json", "name": "borderBoxSize", "slug": "API/ResizeObserverEntry/borderBoxSize", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/borderBoxSize", "summary": "The borderBoxSize read-only property of the ResizeObserverEntry interface returns an array containing the new border box size of the observed element when the callback is run.", "support": { "chrome": { "version_added": "84" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "92" }, { "version_added": "69", "version_removed": "92", "partial_implementation": true, "notes": "Implemented as a single object representing a content box size, rather than an array of content box size objects." } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "84" } }, "title": "ResizeObserverEntry: borderBoxSize property" } ], "dom-resizeobserverentry-contentboxsize": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverEntry.json", "name": "contentBoxSize", "slug": "API/ResizeObserverEntry/contentBoxSize", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentBoxSize", "summary": "The contentBoxSize read-only property of the ResizeObserverEntry interface returns an array containing the new content box size of the observed element when the callback is run.", "support": { "chrome": { "version_added": "84" }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "92" }, { "version_added": "69", "version_removed": "92", "partial_implementation": true, "notes": "Implemented as a single object representing a content box size, rather than an array of content box size objects." } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "84" } }, "title": "ResizeObserverEntry: contentBoxSize property" } ], "dom-resizeobserverentry-contentrect": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverEntry.json", "name": "contentRect", "slug": "API/ResizeObserverEntry/contentRect", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/contentRect", "summary": "The contentRect read-only property of the ResizeObserverEntry interface returns a DOMRectReadOnly object containing the new size of the observed element when the callback is run. Note that this is better supported than ResizeObserverEntry.borderBoxSize or ResizeObserverEntry.contentBoxSize, but it is left over from an earlier implementation of the Resize Observer API, is still included in the spec for web compat reasons, and may be deprecated in future versions.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserverEntry: contentRect property" } ], "dom-resizeobserverentry-target": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverEntry.json", "name": "target", "slug": "API/ResizeObserverEntry/target", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry/target", "summary": "The target read-only property of the ResizeObserverEntry interface returns a reference to the Element or SVGElement that is being observed.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserverEntry: target property" } ], "resize-observer-entry-interface": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverEntry.json", "name": "ResizeObserverEntry", "slug": "API/ResizeObserverEntry", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry", "summary": "The ResizeObserverEntry interface represents the object passed to the ResizeObserver() constructor's callback function, which allows you to access the new dimensions of the Element or SVGElement being observed.", "support": { "chrome": { "version_added": "64" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ResizeObserverEntry" } ], "dom-resizeobserversize-blocksize": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverSize.json", "name": "blockSize", "slug": "API/ResizeObserverSize/blockSize", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverSize/blockSize", "summary": "The blockSize read-only property of the ResizeObserverSize interface returns the length of the observed element's border box in the block dimension. For boxes with a horizontal writing-mode, this is the vertical dimension, or height; if the writing-mode is vertical, this is the horizontal dimension, or width.", "support": { "chrome": { "version_added": "84" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "84" } }, "title": "ResizeObserverSize: blockSize property" } ], "dom-resizeobserversize-inlinesize": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverSize.json", "name": "inlineSize", "slug": "API/ResizeObserverSize/inlineSize", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverSize/inlineSize", "summary": "The inlineSize read-only property of the ResizeObserverSize interface returns the length of the observed element's border box in the inline dimension. For boxes with a horizontal writing-mode, this is the horizontal dimension, or width; if the writing-mode is vertical, this is the vertical dimension, or height.", "support": { "chrome": { "version_added": "84" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "84" } }, "title": "ResizeObserverSize: inlineSize property" } ], "resizeobserversize": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/ResizeObserverSize.json", "name": "ResizeObserverSize", "slug": "API/ResizeObserverSize", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverSize", "summary": "The ResizeObserverSize interface of the Resize Observer API is used by the ResizeObserverEntry interface to access the box sizing properties of the element being observed.", "support": { "chrome": { "version_added": "84" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "69" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "84" } }, "title": "ResizeObserverSize" } ] }