resizeobserver

Observe element size changes via the ResizeObserver API.

Import: @rtorcato/browser-common/resizeobserver

📖 MDN: ResizeObserver · 📊 caniuse: resizeobserver

Browser support

API	Chrome	Edge	Firefox	Safari	iOS Safari	Baseline
ResizeObserver	✅ 64+	✅ 79+	✅ 69+	✅ 13.1+	✅ 13.4+	Widely available

✅ supported · ◐ partial · ❌ not supported · [n] see note. Generated from MDN browser-compat-data and web-features. caniuse: ResizeObserver

Example

import {
  observeResize,
  disconnectResizeObserver,
  observeResizeOnce,
} from '@rtorcato/browser-common/resizeobserver'

const obs = observeResize(panel, (entries) => console.log(entries[0]?.contentRect))
disconnectResizeObserver(obs)

observeResizeOnce(panel, () => console.log('first resize'))

Exports

• observeResize(element, callback, options?) — observes an element, returns the ResizeObserver
• disconnectResizeObserver(observer) — stops an observer
• observeResizeOnce(element, callback, options?) — observes and auto-disconnects after the first resize

See the API reference for full signatures.