Resize Observer

Noun · Development

Definitions

  1. A browser API that reports changes to an element's dimensions. Unlike window resize events, ResizeObserver watches individual elements, enabling responsive components that adapt to their container's size regardless of viewport changes. Essential for container queries and responsive charts/tables.

    In plain English: A browser feature that tells your code when a specific element changes size, not just when the window resizes.

    Example: "Use ResizeObserver on the chart container — when the sidebar collapses, the chart re-renders to fill the available width."

Related Terms