1779908 - scrollbar present on Google Play website section even though there is no overflow

Status: ASSIGNED

(Web Compatibility :: Interventions, defect, P3)

Description

[Will]

Attachment: google play firefox.png

Go to https://play.google.com/store/games . Observe that there is a scrollbar for the top section even though there is no overflow (see screenshot attached, I added red arrows). The other sections below do have overflow, so the scrollbars presence in those sections makes sense, but not for the top. In Chrome, there is no scrollbar for that top section (see other attached screenshot).

Apologies if this is an issue with the website and not Firefox. A friend told me they suspect it's a Firefox issue because there is no overflow for that section

Comment 1

[Will]

Attachment: google play chrome.png

Comment 2

[Emilio Cobos Álvarez [:emilio]]

They're using:

.aoJE7e::-webkit-scrollbar {
    display: none;
}

body ::-webkit-scrollbar {
    height: 0;
    width: 0;
}

Instead they could use scrollbar-width: none in Firefox but they didn't bother.

Comment 3

[Calin Tanase]

Attachment: google store.png

The issue is still reproducible on the latest Nightly.

Tested on:
Operating system: Windows 10
Browser/Version: Firefox Nightly 111.0a1 (2023-01-30) / Chrome 109.0.5414.75

Comment 4

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 1779908 - add a CSS intervention to hide an extra scrollbar on play.google.com/store; r=ksenia

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/95037bb63ea6
add a CSS intervention to hide an extra scrollbar on play.google.com/store; r=ksenia,webcompat-reviewers

Comment 6

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/95037bb63ea6