1952642 - Firefox scrollbar width could be improved

Status: UNCONFIRMED

(Core :: Widget: Gtk, defect)

Description

[Jens Elkner]

Attachment: ff-scrollbar-pain.png

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0

Steps to reproduce:

Using Firefox

Actual results:

Scrollbar is far too small, navigation is almost impossible via scrollbar, one is totally lost when trying to determine, which part of a page is shown, where the focus currently is. It is so disturbing, makes me unproductive, that I really consider to switch over to Chrome, which doesn't seem to have this really annoying "features" (and I'm using FF for 20+ years ...).

E.g. have a loo at the attached screenshot - are you able to spot the scrollbar? Can you imagine, what a skill game it is, to grab it?

Expected results:

Firefox should obey the OS UI settings like scrollbar width and not change it to be almost completely useless. If FF is unable to use the OS UI settings, it should provide a feature, where one can set the scrollbar width explicitly.

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Core::Widget: Gtk' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Alice0775 White]

Workaround:
Open about:config、 set widget.non-native-theme.scrollbar.size.override to 20 , widget.non-native-theme.gtk.scrollbar.thumb-size to 0.9

Comment 3

[Jens Elkner]

Thanx for the hint. It helps a little bit, unfortunately the upper limit seems to be ~1? Even with 0.99 it is still too small (and on focus it gets probably scaled too - which makes it much bigger as expected, but I could live with it). For comparison I'll attach screenshots which show FF with sb width default (0.75) and 0.99 setting and a gnome-terminal in the background, which shows the expected behavior/scrollbar width.

Comment 4

[Jens Elkner]

Attachment: ff-sb-default.gif

Comment 5

[Jens Elkner]

Attachment: ff-sb-default-focus.gif

Comment 6

[Jens Elkner]

Attachment: ff-sb-0.99.gif

Comment 7

[Jens Elkner]

Attachment: ff-sb-0.99-focus.gif

Comment 8

[Jens Elkner]

Attachment: terminal-focus.gif

Comment 9

[Alice0775 White]

Disable overlay scrollbar
Set widget.gtk.overlay-scrollbars.enabled to false.
And
Set widget.non-native-theme.scrollbar.size.override to 20 or larger

Comment 10

[Jens Elkner]

Yeah!!! Just setting widget.gtk.overlay-scrollbars.enabled to false made my day. This is exactly, what I need. Thanx a lot! :)

BTW: Is there a similar setting wrt. to make outer borders correctly? Right now I've to use the following workaround to make FF behave correctly when full height/width gets toggled: add to ~/.config/gtk-3.0/gtk.css

window decoration
{
/* Remove shadows: otherwise firefox reserves always space for it => vertical
 * or horizontal max. size toggle reserves ~50..100px for it and thus not full
 * screen width/height can be used.
 */
    box-shadow: none;
/* window border */
    border-radius: 10;
    border: 5px ridge silver;
    margin: 0;
    padding: 0;
}

which is a rather crude approach because others apps are affected, too. BTW: Took me 2 days to find this kludge...