www.ubisoft.com - Scolling is stuttery

[webcompat-bot]

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

• gfx.webrender.all: true
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: true
• image.mem.shared: true
• buildID: 20210903093650
• channel: nightly
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

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.

[karlcow]

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

[karlcow]

Let's see what people are saying on #97970

[webcompat-bot]

Generate outreach template