NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
npm · #3711 most downloaded on npm
Polyfills the ResizeObserver API and supports box size options from the latest spec
Last release 4 years ago
no release in 18 months
Ships unpredictably
gaps range from 8 days to 13 months
Some releases are documented
notes for 27 of 49 stable releases
2 versions withdrawn
withdrawn after publishing
8 years old
63 releases · first in 2019
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
One column per quarter.
Aligns polyfill with spec changes.
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
Fixes an issue where isElement sometimes returns false on elements within an iFrame. Thanks @JayaKrishnaNamburu!
isElement sometimes returns false on elements within an iFrame. Thanks @JayaKrishnaNamburu!Reports readonly ResizeObserverSize[] to the observer callback
ResizeObserverSize[] to the observer callbackFixes issue where calling disconnect would prevent the observer from being used to observe again (#104).
disconnect would prevent the observer from being used to observe again (#104).Map with WeakMapFixes 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.
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
ResizeObserverEntry.toJSON()const elFromIFrame = iframe.contentDocument.querySelector('body');
const ro = new ResizeObserver(() => {
...
});
ro.observe(elFromIFrame);
- Removed next tag - Tagged in npm as latest
next taglatestNothing published for this version
Updates library to follow the latest specification. This includes some breaking changes from 2.x.
Updates library to follow the latest specification. This includes some breaking changes from 2.x.
Breaking changes from 2.x:
ResizeObserverEntry to return a sequence of sizes, for future fragment support (#84)ResizeObserver and ResizeObserverEntryNotable improvements:
device-pixel-content-box (#85)Other improvements:
this rewritten to undefined warning in rollup.Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Adds type=module to package.json.
type=module to package.json.types field to package.json to explicitly locate declaration files.Uses micro tasks to schedule recalculations
Supports loading of library in non-browser environments
window referencesRemove IE transpilation wording from readme
This version includes fixes for many of the Web Platform Tests and pre-transpiles code so that no polyfills or conversion is needed for IE11 and other
This version includes fixes for many of the Web Platform Tests and pre-transpiles code so that no polyfills or conversion is needed for IE11 and other older browsers.
Nothing published for this version
Add module field to package.json
module field to package.jsonRepublished version to npm as lib folder was missing. Thanks to @mvsde for spotting this!
lib folder was missing.
Thanks to @mvsde for spotting this!Nothing published for this version
Update the shape of the ResizeObserverEntry to match the latest version of the spec.
Update the shape of the ResizeObserverEntry to match the latest version of the spec.
entry = {
target: <element>,
contentRect: { /* v1 backwards compat */ },
borderBoxSize: { inlineSize, blockSize },
contentBoxSize: { inlineSize, blockSize }
}
scroll-box.device-pixel-border-box. This will be added when/if defined in the spec.contentSize to contentBoxSize.Fixes issues where animations/transitions were not initially being noticed.
Fixes issues where animations/transitions were not initially being noticed.
Nothing published for this version
- Update box demo link in docs.
Fixes an issue that was introduced in v1.1.0 where calculations couldn't initially be scheduled if a requestAnimationFrame loop was being used.
requestAnimationFrame loop was being used.This version improves animation and transition event performance, by removing listeners during processing and calculation checks.
This version improves animation and transition event performance, by removing listeners during processing and calculation checks.
Updated docs to include box demo
Nothing published for this version
Fixes issue with resize loop errors on element removal.
* Removes inline default exports
Throws type errors for arguments.
requestAnimationFrame to fire observations at the correct time.Nothing published for this version
Nothing published for this version
Removed ./src folder from npm release
./src folder from npm release- Code styling rules applied - Added explicit license
Nothing published for this version
Nothing published for this version
Support adding script in head of document
Fixes:
Includes fixes for: #11, #12, #13
Includes fixes for: #11, #12, #13
Supports latest draft specification https://drafts.csswg.org/resize-observer-1
Supports latest draft specification https://drafts.csswg.org/resize-observer-1
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Your coding agent can read these notes before it upgrades. Set up the MCP server →