www.wired.com - site is not usable

[webcompat-bot]

URL: https://www.wired.com/video/watch/how-meme-detectives-stop-nft-fraud?intcid=inline_amp

Browser / Version: Firefox Mobile 97.0
Operating System: Android 11
Tested Another Browser: Yes Chrome

Problem type: Site is not usable
Description: Page not loading correctly
Steps to Reproduce:
(issue copied from Github user rashaunny)

Steps to reproduce

Open website in Firefox Android 95.2.0 (Build #2015851755)
https://www.wired.com/video/watch/how-meme-detectives-stop-nft-fraud?intcid=inline_amp

Expected behaviour

Should be able to scroll down
Actual behaviour

Cannot scroll down the page. It immediately jumps to the top when finger is lifted.
Device name

OnePlus 8 IN2017
Android version

Android 11
Firefox release type

Firefox
Firefox version

95.2.0
Device logs

No response
Additional information

No response

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

Duplicate issue of mozilla-mobile/fenix#23130

[qa_02/2022]

[kbrosnan]

@karlcow we were hoping that the Webcompat team would be able to look at this and check if this is some sort of website issue or a Gecko issue.

[webcompat-bot]

Generate outreach template

[karlcow]

This is a performance profile of what is happening.
https://share.firefox.dev/3KUg4Pr

And I think this is probably related to
https://www.wired.com/verso/static/presenter-cne-video-watch.8f31a8a7cc5d21fe07e0.js

    componentDidMount() {
      window.addEventListener('resize', this.debounceVisCheck),
      window.addEventListener('load', this.calcLineHeights),
      window.addEventListener('resize', this.calcLineHeights)
    }
    componentWillUnmount() {
      window.removeEventListener('resize', this.debounceVisCheck),
      window.removeEventListener('load', this.calcLineHeights),
      window.removeEventListener('resize', this.calcLineHeights)
    }

fwiw I can reproduce it on Google Chrome. It's just a bit less janky, but this is happening too.

It's probably a site mistake in handling observers and the way the top menus/headers are collapsing.

@kbrosnan It's more acute in Firefox, maybe performance issue ( @julienw ) but not sure this seems to happen in Chrome.

Wired needs to be contacted.

[karlcow]

In some ways the performance looks a bit like #85900

[julienw]

Yeah, I wouldn't say it's a performance issue. I see some flavor of this in Chrome too but it's also different so it may not be the same issue.

In the profile we do see a lot of time spent in restyles and things like this, however we don't see the page frozen, rather we see the page jumping but it stays responsible otherwise, that's why I would say it's not a perf issue.