[IDEA] Make the little scrollbars visible

[Tim Curtis]

When I hover over the scrollbars in Chrome on my iMac they become huge white things that are easy to click/drag.

What client and Browser are you using?

I just jump in...

WINDOWS:
CHROME, EDGE, the scroll bars do not highlight on hovering, nor they grow in size, and if the lists are big, they indeed are not that tall.

LINUX:
CHROME: same as chrome for WIN
FIREFOX: they are taller, BUT extremely thin, and overlap the alphabet-indices, and they are probably below them in the Z-plane, as it is impossible to pick them

I also have an old MacMini, but has not been powered up for more than a year now... if necessary I can do some tests there too.

It's odd that hover does not show the large white scrollbars. AFAIK thats something thats controlled by the Browser.

The code in moOde that deals with scrollbars is in scripts-panels.js

Code:

// Store scrollbar width (it will be 0 for overlay scrollbars and > 0 for always on scrollbars
var hiddenDiv = $("<div style='position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;'></div>").appendTo("body");
GLOBAL.sbw = hiddenDiv.width() - hiddenDiv[0].clientWidth;
$("body").get(0).style.setProperty("--sbw", GLOBAL.sbw + 'px');
//console.log(hiddenDiv.width() - hiddenDiv[0].clientWidth + 'px');

// Enable custom scroll bars unless overlay scroll bars are enabled on the platform (scroll bar width sbw = 0)
if (GLOBAL.sbw) {
      $('body').addClass('custom-scrollbars');
}

Also, when I tested Safari the big hover scrollbars appeared by I could not grab the thumb :-0 This suggests a z-index issue with the .alphabits class.