Class XResizeObserver

XResizeObserver is an extension of ResizeObserver

observes both border box and content box size changes
can skip the initial callback that happens shortly after setting up via observeLater
can debounce the callback

Index

Constructors

Properties

disconnect observe observeLater unobserve

Constructors

constructor

new XResizeObserver(
callback: XResizeObserverCallback,
debounceWindow?: number,
): XResizeObserver
Parameters
- callback: XResizeObserverCallback
- OptionaldebounceWindow: number
  Debounce the handler so that it's called at most every debounceWindow ms.
Returns XResizeObserver
- Defined in packages/lisn.js/src/ts/modules/x-resize-observer.ts:52

Properties

`Readonly`disconnect

disconnect: () => void

Like ResizeObserver:disconnect.

`Readonly`observe

observe: (...targets: Element[]) => void

Like ResizeObserver:observe except it accepts multiple targets.

`Readonly`observeLater

observeLater: (...targets: Element[]) => void

Like observe but it ignores the initial almost immediate callback and only calls the callback on a subsequent resize.

If the target is already being observed, nothing is done.

`Readonly`unobserve

unobserve: (...targets: Element[]) => void

Like ResizeObserver:unobserve except it accepts multiple targets.