A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Specification. It immediately detects when an element resizes and provides accurate sizing information back to the handler. Check out the Example Playground for more information on usage and performance. The latest Resize Observer specification is not yet finalised and is subject to change. Any drastic changes to the specification will bump the major version of this library, as there will likely be breaking changes. Check the release notes for more information.

Features

  • Watch multiple elements
  • Watch different box sizes
  • Switch between native and polyfilled versions
  • Resize loop detection
  • Notification Schedule
  • Inbuilt resize loop protection
  • Supports pseudo classes :hover, :active and :focus
  • Supports transitions and animations, including infinite and long-running
  • Detects changes which occur during animation frame

Project Samples

Project Activity

See All Activity >

Categories

HTML/XHTML

License

Apache License V2.0

Follow Resize Observer

Resize Observer Web Site

Other Useful Business Software
Try Google Cloud Risk-Free With $300 in Credit Icon
Try Google Cloud Risk-Free With $300 in Credit

No hidden charges. No surprise bills. Cancel anytime.

Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Resize Observer!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript HTML XHTML

Registered

2023-05-02