Feature request: Allow to disable Webkit scrollbar styling

[jothepro]

In 260f2fa custom styling for scrollbars was introduced.

I'd prefer to keep the default browser scrollbar in some places, though.
Unfortunately it is not possible to deactivate the scrollbar customization by adding custom CSS on top of it.

This is why I need to be able to disable the scrollbar customization in the Doxyfile, so it is not added to doxygen.css in the first place.

E.g. DISABLE_SCROLLBAR_STYLING = YES.

What's your take on that? As an alternative I could entirely replace doxygen.css with my own stylesheet, but AFAIK this is not recommended and I'd like to avoid it.

[doxygen]

@jothepro This is indeed an unfortunate limitation I did not foresee.

Actually seems like a bug introduced in recent versions of chromium.

In the past:

::-webkit-scrollbar {
    all:unset;
}

apparently worked to reset the style.

See here for a potential workaround: https://stackoverflow.com/a/72511916/784672
If it doesn't work, I'll see if an option can be added.

[jothepro]

Yep, it seems like just unsetting doesn't work:

Taking this further and unsetting all the styles that have been applied to the scrollbar will lead to an invisible/hidden scrollbar.

The closest I can get to the original look on Windows is this:

Applied CSS (Source: https://stackoverflow.com/a/72511916/3199794)

::-webkit-scrollbar
{
all:unset;
}

::-webkit-scrollbar-button
{
display:block;
background-color:ButtonFace;
box-shadow:inset 0px 0px 0px 20px rgba(255,255,255,0.3);
height: auto;
width: initial;
background-position: center 5px;
background-size:9px 7px;
image-rendering: pixelated;
background-repeat:no-repeat;

}

::-webkit-scrollbar-button:hover
{
box-shadow:inset 0px 0px 0px 20px rgba(128,128,128,0.5);
}

::-webkit-scrollbar-button:active
{
box-shadow:inset 0px 0px 0px 20px rgba(128,128,128,0.7);
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement
{
display:none;
}

::-webkit-scrollbar-button:vertical:decrement
{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='ButtonText'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:vertical:increment
{
background-position: center 6px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='ButtonText'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-thumb
{
background-color:ButtonFace;
box-shadow:inset 0px 0px 0px 20px rgba(128,128,128,0.3);
border-left:2px solid rgba(255,255,255,0.3);
border-right:2px solid rgba(255,255,255,0.3);
}

::-webkit-scrollbar-thumb:hover
{
box-shadow:inset 0px 0px 0px 20px rgba(128,128,128,0.5);
}

::-webkit-scrollbar-thumb:active
{
box-shadow:inset 0px 0px 0px 20px rgba(128,128,128,0.7);
}

::-webkit-scrollbar-track
{
background-color:ButtonFace;
box-shadow:inset 0px 0px 0px 20px rgba(255,255,255,0.3);
}

But this won't work on macOS and on Android where the default scrollbars look and behave very different. 😞

[doxygen]

@jothepro To avoid introducing yet another option, I'm thinking about adding the ::-webkit-scrollbar stuff to doxygen.css only when no HTML_EXTRA_STYLESHEET has been specified. With the idea that you can always add back the scrollbar styling in the extra stylesheet if you need it. What do you think?

[jothepro]

This would also solve my problem. 👍

[doxygen]

@jothepro Please verify if the referenced commit indeed solves the problem. Please do not close the issue, it will be done automatically when a new release is made available.

[jothepro]

I can confirm that this solves my problem! Thanks a lot! 😊

[doxygen]

This issue was previously marked 'fixed but not released',
which means it should be fixed in doxygen version 1.9.6.
Please verify if this is indeed the case. Reopen the
issue if you think it is not fixed and please include any additional information
that you think can be relevant (preferably in the form of a self-contained example).