Closed Bug 1670023 Opened 4 years ago Closed 4 years ago

Overlay scrollbars look non-native (too wide by default, wrong color)

Categories

(Core :: Widget: Cocoa, defect)

defect

Tracking

()

RESOLVED FIXED
83 Branch
Tracking Status
firefox-esr78 --- unaffected
firefox81 --- unaffected
firefox82 --- unaffected
firefox83 --- fixed

People

(Reporter: mstange, Assigned: mstange)

References

(Regression)

Details

(Keywords: regression)

Attachments

(4 files)

In bug 1642526 we switched to non-native scrollbars on macOS because it avoided some glitches during pinch-zooming. However, the non-native scrollbars look quite a bit different than the native scrollbars.

In this bug we should adjust the styling so that it matches native scrollbars again. In particular:

  • Overlay scrollbars should start out thin, and grow on hover
  • Overlay scrollbars should have the right colors for thumb fill and stroke, for both dark and light scrollbars

Also,

  • Non-overlay scrollbars should have a darkened thumb when being hovered.

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

This is the page I used for testing. I also used the pref layout.testing.overlay-scrollbars.always-visible to make it easier to take screenshots of multiple visible overlay scrollbars at the same time.

Blocks: 1671704
Pushed by mstange@themasta.com: https://hg.mozilla.org/integration/autoland/rev/3a04ed65eabc Emulate native scrollbar colors and sizes with custom drawing. r=haik
Status: ASSIGNED → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → 83 Branch
Blocks: 1672044
Has Regression Range: --- → yes
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: