resize-observer

Aligns polyfill with spec changes.

Initial value of lastReportedSize changed from 0, 0 to -1, -1 allowing for consistent notifications to be triggered when an element is observed for the first time.

const el = document.createElement('div');
const ro = new ResizeObserver(() => { ... });
ro.observe(el); // Will now notify with size `0, 0`.

https://github.com/w3c/csswg-drafts/issues/3664#issuecomment-1218270926

• Removes memory leak potential
• Adds back capture phase for events

• Improves event detection in nested documents
• Adds export map

• Rollup both ESM and UMD bundles

• Initial support for Shadow DOM and other documents
• Add touch events
• Fixes UMD build - Thanks @trusktr!

• Fixes an issue where isElement sometimes returns false on elements within an iFrame. Thanks @JayaKrishnaNamburu!

• Reports readonly ResizeObserverSize[] to the observer callback
• Exposes ResizeObserverSize

• Fixes issue where calling disconnect would prevent the observer from being used to observe again (#104).
• Uses time instead of frame counts to capture certain events.
• Replaces Map with WeakMap

• Fixes issue with older versions of chromium.
  No notifications were fired due to differences in MutationObserver implementation.

Tested:
Chromium 45.0.2454.0 (64-bit)

• Add missing device-pixel-content-box option to readme.

• Fixes issue where elements observed inside of an IFrame could not be unobserved.

• Support observing elements from other documents (#97)
• Adds ResizeObserverEntry.toJSON()

const elFromIFrame = iframe.contentDocument.querySelector('body');
const ro = new ResizeObserver(() => {
 ...
});
ro.observe(elFromIFrame);

• Removed next tag
• Tagged in npm as latest

• Improved readme

Updates library to follow the latest specification. This includes some breaking changes from 2.x.

Breaking changes from 2.x:

• Updates ResizeObserverEntry to return a sequence of sizes, for future fragment support (#84)
• Removes default exports and now returns ResizeObserver and ResizeObserverEntry

Notable improvements:

• Adds UMD bundle for SSR and other CJS loaders (Jest)
• Adds new box option device-pixel-content-box (#85)
• Observes CSS box of root SVG elements (#72)

Other improvements:

• Fix circular dependency - thanks @kei-ito!
• Fix this rewritten to undefined warning in rollup.

• Fixes bug where root SVG nodes were seen to be children and children were seen to be root nodes.

• Updates ResizeObserverEntry to return a sequence of sizes

BREAKING CHANGE:
Arrays are returned for contentBoxSize, borderBoxSize, and devicePixelContentBoxSize.

//entry
{
  contentRect: { ... },
  contentBoxSize: [{ inlineSize: number, blockSize: number }],
  ...
}

• Observes CSS box of root SVG nodes
• Documentation - removes default imports/exports

• Removes default exports
• Only exports exposable modules ResizeObserver and ResizeObserverEntry
• Adds UMD bundle for legacy support

BREAKING CHANGE:
You must now use named exports.

import { ResizeObserver } from '@juggle/resize-observer';

• Adds type=module to package.json.
• Adds types field to package.json to explicitly locate declaration files.
• Improves TypeScript usage, when setting observer box option.
• Improvements to readme.