Animation paused by No Transition causes flickering at Lifehacker, Twitter and some other sites

[grahamperrin]

https://lifehacker.com/our-favorite-features-in-the-new-firefox-70-browser-1839290547 screen recording – watch the bottom right area after the page is reloaded:

• https://put.re/player/v5hgzhEc.mp4
• 2019-12-26 06:52 Lifehacker.zip

I guess that the same (or similar) might be encountered at some other G/O Media sites.

Is there any easy way to avoid this peculiarity?

If it's out of scope for the extension, please close this issue.

[grahamperrin]

I found unexpected problems at some other sites (not G/O Media, IIRC). When I next find another, I'll add a note here …

[grahamperrin]

Twitter

A screen recording of my signed in view of https://twitter.com/grahamperrin/:

• https://put.re/player/NLZSvyKM.mp4 | https://s.put.re/NLZSvyKM.mp4
• 2019-12-30 02:30.zip

When the Page down alone is used to page down, there's occasional up movement. Sometimes flickery.

[MarjaE2]

I've encountered the same trouble, and initially filed a Firefox bug report, though it looks like a No Transition bug.

https://bugzilla.mozilla.org/show_bug.cgi?id=1658842

[gwarser]

Because of breakages like this I now use:

    animation-timing-function: step-start !important;
    transition-timing-function: step-start !important;

This jumps directly to final position on start, but looped animations still toggles between states.

[MarjaE2]

Is that instead of No Transition or in addition to it? Is that in userContent,css or elsewhere?