Open webcompat-bot opened 3 years ago
Thanks for the report, I was able to reproduce the issue.
Note: Scrolling is smooth on Chrome.
I've recorded a performance profile: https://share.firefox.dev/390NYR7
Tested with: Browser / Version: Firefox Nightly 93.0a1 (🦎 93.0a1-20210905094656) Operating System: Google Pixel 5 (Android 11) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)
Moving to Needsdiagnosis for further investigation.
There is a slight janking https://share.firefox.dev/347mx97 but nothing unbearable.
This seems to happen when this is called.
const r = n && n.current;
r && (o && !c ? (e(), r.classList.add('global-navigation--hide'), document.body.setAttribute('data-widget-hide', !0)) : (t(), r.classList.remove('global-navigation--hide'), document.body.setAttribute('data-widget-hide', !1)))
which is hiding the top bar through modifying an attribute on body, which in return modifies the CSS with a top:0
and a transition. The background images also have a transparency effect. All of this might be heavy to compute.
But yes it's definitely smoother than Chrome.
It also has a very similar feeling than #97970
Let's see what people are saying on #97970
URL: https://www.ubisoft.com/en-us/game/immortals-fenyx-rising
Browser / Version: Firefox Mobile 93.0 Operating System: Android 10 Tested Another Browser: Yes Chrome
Problem type: Something else Description: Scrolling is stuttery Steps to Reproduce: Scrolling is stuttery on Firefox but not on Chrome.
Browser Configuration
View console log messages
From webcompat.com with ❤️