2027902 - Scrollbars in Devtools debugger are unexpectedly shown due to ::-webkit-scrollbar styles in App.css

Status: RESOLVED FIXED

(Core :: Layout: Scrolling and Overflow, defect)

Description

[Hiroyuki Ikezoe (:hiro)]

I found it while investigating browser_parsable_css.js failures on beta simulation (bug 2027409).

From https://bugzilla.mozilla.org/show_bug.cgi?id=2027409#c2

There's a real bug regressed by bug 1977511.

STR;

1. Make sure the default scrollbar style on your environment overlay style
2. Open DevTools and choose the debugger
3. Choose whatever the source file causing overflow

The scrollbars are non-overlay styles. That's clearly caused by these styles.

The styles were introduced in bug 1313961, I don't know why we added it, I guess we were aiming commonizing some stuff between other browser's devtools?

Anyways, I am going to remove the styles.

Comment 1

[Hiroyuki Ikezoe (:hiro)]

Attachment: Bug 2027902 - Remove ::-webkit-scrollbar and relevant styles from devtools' debugger. r?#devtools-reviewers

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Set release status flags based on info from the regressing bug 1977511

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/8c81eddfa647
https://hg.mozilla.org/mozilla-central/rev/70b33c0940ea
Remove ::-webkit-scrollbar and relevant styles from devtools' debugger. r=devtools-reviewers,ochameau

Comment 4

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/70b33c0940ea