webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
746 stars 67 forks source link

www.ubisoft.com - Scolling is stuttery #85900

Open webcompat-bot opened 3 years ago

webcompat-bot commented 3 years ago

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 commented 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.

karlcow commented 2 years ago

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 commented 2 years ago

Let's see what people are saying on #97970

webcompat-bot commented 2 years ago

Generate outreach template