1956974 - Thin scrollbars lose up/down/left/right arrow buttons on windows 10

Status: UNCONFIRMED

(Firefox :: Theme, defect)

Description

[stephen.cunliffe]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Steps to reproduce:

1.) Set CSS "scrollbar-width:thin;" on an element that scrolls/overflows.
2.) Observe that the arrows to scroll up/down are lost (Windows 10/Firefox), unlike in other/Chromium browsers

Actual results:

The arrows to scroll up/down are lost

Expected results:

Arrows should have remained, just render at the smaller size. (with the square "thumb" portion of the scrollbar only showing, it looks like the content scrolls under and beyond the container (e.g. artificially clipped)

Comment 1

[stephen.cunliffe]

Attachment: normal_scrollbar.png

normal scrollbar in Firefox

Comment 2

[stephen.cunliffe]

Attachment: thin_scrollbar.png

Thin scrollbar in Firefox

Comment 3

[stephen.cunliffe]

Attachment: chrome_thin.jfif

Thin scrollbar in Chrome

Comment 4

[stephen.cunliffe]

Not critical, but the rounded end thumb screw when rendered as a thin scrollbar looks nice too... I'd be fine with adding that look as well.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Hmm, interesting, it seems chrome uses win11-style thin scrollbars. If you go to about:config and set widget.non-native-theme.scrollbar.style to 5, do you get the expected behavior?

Comment 6

[Emilio Cobos Álvarez (:emilio)]

I think you'll also get more-rounded "thick" scrollbars.