Resize Observer API

E856228

The Resize Observer API is a modern web API that lets developers efficiently observe and respond to changes in the size of DOM elements without relying on window resize events or polling.

All labels observed (4)

Label Occurrences
Resize Observer API canonical 3
ResizeObserver 2
Mutation Observer API 1

How this entity was disambiguated

Statements (48)

Predicate Object
instanceOf DOM API ⓘ
Web API ⓘ
browser feature ⓘ
availableIn Google Chrome ⓘ
Microsoft Edge ⓘ
Mozilla Firefox ⓘ
Safari ⓘ
modern browsers ⓘ
benefit decouples layout from window resize events ⓘ
more efficient than polling for size changes ⓘ
supports responsive components ⓘ
callbackParameter entries ⓘ
observer ⓘ
definedBy W3C Resize Observer specification ⓘ
linked to: Resize Observer API
designedFor component-based architectures ⓘ
responsive design ⓘ
documentation https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver ⓘ
https://wicg.github.io/ResizeObserver/ ⓘ
entryProperty borderBoxSize ⓘ
contentBoxSize ⓘ
contentRect ⓘ
devicePixelContentBoxSize ⓘ
target ⓘ
executionEnvironment web browser ⓘ
introduced mid-2010s ⓘ
mainClassMethod disconnect ⓘ
observe ⓘ
unobserve ⓘ
notAvailableIn Internet Explorer ⓘ
partOf Web Platform ⓘ
linked to: Web platform
primaryInterface ResizeObserver ⓘ
linked to: Resize Observer API
providesClass ResizeObserver ⓘ
linked to: Resize Observer API
providesInterface ResizeObserverEntry ⓘ
purpose avoid reliance on window resize events for element sizing ⓘ
observe changes to the size of DOM elements ⓘ
react to element resize events without polling ⓘ
relatedTo Intersection Observer API ⓘ
Mutation Observer API ⓘ
window resize event ⓘ
standardizationStatus Living Standard ⓘ
supports border box size observation ⓘ
content box size observation ⓘ
device pixel content box size observation ⓘ
supportsLanguage JavaScript ⓘ
useCase adapting layout when containers resize ⓘ
implementing responsive UI components ⓘ
lazy loading or virtualization based on element size ⓘ
synchronizing canvas or SVG size with container ⓘ

How these facts were elicited

Referenced by (7)

Full triples — surface form annotated when it differs from this entity's canonical label.

Open Web Platform → hasComponent → Resize Observer API ⓘ
Chrome Web Platform features → includesAPI → Resize Observer API ⓘ
Intersection Observer API → relatedTo → Resize Observer API ⓘ
Intersection Observer API → relatedTo → Mutation Observer API ⓘ
linked to: Resize Observer API
Resize Observer API → definedBy → W3C Resize Observer specification ⓘ
linked to: Resize Observer API
Resize Observer API → primaryInterface → ResizeObserver ⓘ
linked to: Resize Observer API
Resize Observer API → providesClass → ResizeObserver ⓘ
linked to: Resize Observer API