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
Cut Cloud Costs with Google Compute Engine Icon
Cut Cloud Costs with Google Compute Engine

Save up to 91% with Spot VMs and get automatic sustained-use discounts. One free VM per month, plus $300 in credits.

Save on compute costs with Compute Engine. Reduce your batch jobs and workload bill 60-91% with Spot VMs. Compute Engine's committed use offers customers up to 70% savings through sustained use discounts. Plus, you get one free e2-micro VM monthly and $300 credit to start.
Try Compute Engine
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