Web-bugs: theathletic.com - The navigation menu does not stick to the top of the page while scrolling

[PacketHauler]

URL: https://theathletic.com/1955419/2020/07/27/minnesota-wild-bubble-edmonton-nhl-guide-inside-look/

Browser / Version: Firefox 80.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are overlapped
Steps to Reproduce:
Navigation bar will overlap while scrolling down the page, and then jump back to the top, sometimes obscuring content. Screenshot shows this.

View the screenshot

Browser Configuration

• gfx.webrender.all: true
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20200727095125
• channel: nightly
• GPUs:
  • active: true
  • description: Intel(R) HD Graphics 520
  • deviceID: 0x1916
  • vendorID: 0x8086
  • driverVersion: 27.20.100.8336
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

_From webcompat.com with ❤️_

[krystian3w]

Possition absolute fight with position fixed - javascript glitch I guess.

[cipriansv]

Thanks for the report, @PacketHauler.

I was indeed able to reproduce the issue. The navigation menu does not stick to the top of the page while scrolling in Firefox.

Tested with:
Browser / Version: Firefox Nightly 81.0a1 (2020-07-27), Chrome 84.0.4147.105
Operating System: macOS 10.15.6

This is the web page displayed in Firefox Nightly after scrolling the page:

And this is the web page displayed in Chrome:

Moving the issue to needsdiagnosis.

[PacketHauler]

Of course! I just tested it in the latest stable (79.0) and it's not happening there. Looks to only impact beta and nightly releases at this time.

[wisniewskit]

@cipriansv, @PacketHauler, this isn't reproducing for me on the latest nightly on my macbook; can you still reproduce the error?

[krystian3w]

Works property with Firefox 81 (Nightly) on Windows 10 - Requires observation if the bug has spawned to beta/developer 80.

[cipriansv]

@wisniewskit, I am not able to reproduce it anymore using the latest Nightly build.

Tested with:
Browser / Version: Firefox Nightly 81.0a1 (2020-07-30)
Operating System: macOS 10.15.6

[PacketHauler]

It's working now on the latest nightly build.

[krystian3w]

So now install Beta 80 or Developer 80? Bug maybe arrived into beta builds and in 4 weeks we'll suddenly have a bug in the stable 80 (september 2020) version.

[PacketHauler]

Just checked latest dev edition, the bug is in there on Windows 10 64-bit. 80.0b2 (64-bit)

[krystian3w]

So this neede to check (observe) if version 80b3 and newer will have a bug, if they will not have it, we will avoid damaging the site in September 2020 (until then it will not disappear from js update by webmasters theathletic.com - creators were able to trace this thread based on the link references from the first post).

[PacketHauler]

Just upgraded to 80.0b3, and it appears the bug is gone.

[softvision-oana-arbuzov]

Indeed, I can confirm is has been fixed.

Tested with:
Browser / Version: Firefox Nightly 83.0a1 (2020-10-15)
Operating System: Windows 10 Pro