Popper Logo
Popper Logo

Event Listeners

The eventListeners modifier adds scroll and resize listeners that update the position of the popper when necessary. These are not exhaustive and don't cover the following cases:

  • When the reference element moves or changes size.
  • When the popper element changes size (i.e. content).

Manually updating the instance via instance.update(), a ResizeObserver or requestAnimationFrame loop (if animating) can solve these if necessary.

Don't mind tech-related ads? Consider disabling your ad-blocker to help us!
They are small and unobtrusive.
Alternatively, support us on Open Collective!




type Options = {
  scroll: boolean, // true
  resize: boolean, // true


Determines if scroll listeners are added.


Determines if resize listeners are added.


This modifier currently has no data.

Edit this page
Apply Styles
© 2021 MIT License