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

You Might Also Like
Find out just how much your login box can do for your customer | Auth0 Icon
Find out just how much your login box can do for your customer | Auth0

With over 53 social login options, you can fast-track the signup and login experience for users.

From improving customer experience through seamless sign-on to making MFA as easy as a click of a button – your login box must find the right balance between user convenience, privacy and security.
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