1200996 - Animation-inspector global pause button should pause all animations, even those added later

Status: NEW

(DevTools :: Inspector: Animations, enhancement, P2)

Description

[Patrick Brosset <:pbro>]

The global pause button, located in the top toolbar of the animation-inspector, is useful to pause all current animations (those that are displayed below, in the panel, but also those currently running in sub-frames).

What if I want to use it to pause *all* animations, forever, even if new animations are triggered later by javascript.

One example is flickr.com (I think if you're logged in though, or if you explore existing pictures). It loads pictures lazily as you scroll and adds some animation to them when it does. In the animation-inspector, you can pause the flickr logo loader animation (the 2 dots that animate at the bottom when you scroll) by clicking on the global pause button, but then, if you continue scrolling, the new images that are added will keep on being animated.

Comment 1

[Jeff Griffiths (:canuckistani) (:⚡︎)]

This is a great idea, specifically for situations where pages implement magical behaviours automatically like the infinite load/scroll where debugging associated animations is difficult.

Comment 2

[Patrick Brosset <:pbro>]

Inspector bug triage (filter on CLIMBING SHOES).