Horizontal scroll bar is not visible

[yakichan]

yakichan last edited by

There is no horizontal scroll bar. Only the left and right arrows are shown...

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_hor_scroll

Windows 11
Opera One(versión: 105.0.4970.34)

[pixelcow]

pixelcow @yakichan last edited by

@yakichan The scrollbar is actually there, just the "handle" seems invisible - this seems to be "system default".

Hope this helps:

/* Scrollbar: Farben/Colors */
        ::-webkit-scrollbar {
            width: 20px;
        }
     
   /* Pfad/Track */
        ::-webkit-scrollbar-track {
            background: red;
            border-radius: 3px;
            }
     
   /* Griff/Handle */
        ::-webkit-scrollbar-thumb {
            background: green;
            border-radius: 9px;
            
        }

(The colors and other values are intentionally exaggerated for illustrative purposes!)

[pixelcow]

pixelcow @yakichan last edited by

@yakichan By the way: if you resize the Opera-window itself you can see this happen on any website that needs to scroll vertically. And it seems, that the lenght of the handle is influenced by the amout of scrollable content the same way as it is in vertical scrolling.

[yakichan]

yakichan @pixelcow last edited by

@pixelcow Sorry, maybe I didn't explain myself well. This happens on ANY page with horizontal scroll.

I think there is a problem with Opera's default styles...

Does it happen to anyone else?

[pixelcow]

pixelcow @yakichan last edited by pixelcow This post is deleted!

[pixelcow]

pixelcow @pixelcow last edited by leocg

@pixelcow said in Horizontal scroll bar is not visible:

@yakichan By the way: if you resize the Opera-window itself you can see this happen on any website that needs to scroll vertically horizontally. And it seems, that the lenght of the handle is influenced by the amount of scrollable content the same way as it is in vertical scrolling.

I meant horizontal as in the question for the first part!

Sorry for the "thinking-typo"!

[bliksempie]

bliksempie @yakichan last edited by

@yakichan - this happens to me too, all browser windows that require horizontal scrolling. I am still not seeing a way to fix this. Also using Opera 105.

[puffnstuff]

puffnstuff last edited by

I have also same issue.

[prtomasi]

prtomasi last edited by

I have the same issue:

I have a PHP weathermap with dimensions: 4200 x 5500

in the earlier versions of Opera, the bar was visible inside the horizontal scrollbar
now Opera doesn't show the bar, but it's there, because I can drag it, but I have to guess where it's currently in:

[jpfeee]

jpfeee last edited by

I also have the same issue on any website that has a horizontal scroll bar. Windows 10, Opera version 106.0.4998.28

[jpfeee]

jpfeee last edited by

I found a way to reenable it - go to opera://flags and disable Opera One scrollbar

[yakichan]

yakichan last edited by

@jpfeee Thank you!

[prtomasi]

prtomasi @jpfeee last edited by

@jpfeee Thank you

It worked

[Franc01s]

Franc01s @jpfeee last edited by

@jpfeee Thx you, perfect solution