Browser / Version: Firefox Mobile 68.0 Operating System: Android Tested Another Browser: Yes
Problem type: Something else Description: Degraded performance with CSS animations Steps to Reproduce:
When the "Today in focus" podcast is in the viewport, performance is heavily degraded. FPS drops while scrolling, until the podcast player is no longer in the viewport. After that performance is back to normal. Works on mobile Chrome as expected.
URL: https://www.theguardian.com/international
Browser / Version: Firefox Mobile 68.0
Operating System: Android
Tested Another Browser: Yes
Problem type: Something else
Description: Degraded performance with CSS animations
Steps to Reproduce:
When the "Today in focus" podcast is in the viewport, performance is heavily degraded. FPS drops while scrolling, until the podcast player is no longer in the viewport. After that performance is back to normal. Works on mobile Chrome as expected.
The podcast player causing issues is not always shown on the page. To make it easier to reproduce it, here is the code causing the issue: https://gist.github.com/lassir/2f14bddafa56ddccd2247ecce7029bbc
Also available here for more convenient testing: https://storage.googleapis.com/56cd4c4f/theguardian-today-in-focus.html
Browser Configuration
From webcompat.com with ❤️