Affected versions

• 80.0a1 (2020-07-02)
• 79.0b3
• 78.0

Affected platforms

• Windows 10
• macOS 10.15

Steps to reproduce

1. Open livescience.com
2. Resize the browser’s width until the vertical scrollbar is displayed on Trending header

Actual result

• The scrollbar overlaps the Trending’s buttons

Expected result

• The scrollbar doesn’t overlap the Trending’s buttons

Regression range

• I will provide one asap

Additional notes

• Not reproducible on Ubuntu
• Remanded severity: S3

This seems the site problem.

@media screen and (max-width: 900px)
.trending-wrapper .trending-items::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

Not a regression, reproducible way back to Fx 36.0a1

Yes, the site should not set the height to a fixed 6px, and ideally would use the standardized scrollbar styling properties to style the scrollbar.

Mike: Should we try outreach to see if they want to fix this?

Yeah, we can try to get in touch -- and possibly ship an intervention. It appears to be a pretty popular site (currently ~top 2050 globally, per alexa).

I sent an email to the site.

The issue still occurs. After resizing the browser's width (half the screen), hovering the bar will show the issue.
https://prnt.sc/10cyvsk

Tested with:
Browser / Version: Firefox Nightly 88.0a1 (2021-03-03)
Operating System: Windows 10 Pro

The site has been fixed and the intervention is removed.