10

Code blocks have a scrollbar but the arrow buttons are missing at both ends. There's just a grey gap. The thumbtrack doesn't reach to the ends but leaves the space for the buttons.

I have found two CSS rules that can be disabled to fix this. So it looks like this has been done either on purpose (strange purpose) or in a failed effort to achieve something else. It's not new, must have been like that for several weeks now. It certainly looked correctly longer ago.

(Firefox on Windows, affects all SE sites)

Update: Yes, it's been reported before. I've just added this to my existing SE user style and I'm happy again. Let's see what other places are still missing.

/* Restore scrollbar design, uglified intentionally */
/* See https://meta.stackexchange.com/q/353858/144124 */
pre,
.s-prose pre:not(.s-code-block),
pre.s-code-block,
.s-input, .s-textarea
{
    scrollbar-color: unset;
}

I noticed that the scrollbars look differently in Chrome/Windows. They have a similar appearance to Android (which I find inappropriate on a desktop, but at least it's not as broken as in Firefox).

11
  • could you give an example of a post with this issue for folks who are curious? Commented Sep 4, 2020 at 12:18
  • 4
    This appears to have been already reported, and is by design: meta.stackexchange.com/a/353524/622284
    – Spevacus
    Commented Sep 4, 2020 at 12:21
  • 1
    @Spevacus Yeah...It shouldn't be though: meta.stackexchange.com/questions/353446/new-post-formatting/…, I totally agree with that.
    – Ollie
    Commented Sep 4, 2020 at 14:15
  • 5
    I don't care if they want to get rid of the buttons, but leaving a gap where they used to be is not good. What's the point? It just makes me thing the scrolling is broken because it isn't scrolling all the way left or right. Commented Sep 4, 2020 at 14:15
  • 7
    Some background: Only Firefox supports the scrollbar-color property - we do nothing to the scrollbar in any other browser because it's not supported by any other browser. The arrows disappearing are not intentional but seem to be a side-effect of Firefox's implementation of scrollbar-color (it stops using standard theming altogether, which drops the arrows, the moment you start using scrollbar-color). I'd say it makes little sense to use it given it's only supported by one browser and is broken in that one browser. (I also don't like when websites theme the scrollbar at all.)
    – animuson StaffMod
    Commented Sep 4, 2020 at 14:23
  • 2
    And even less sense given that it doesn't change anything except removing the buttons. I mean, this isn't even a compromise, it's only losing, no win. Whoever has designed this has done a very poor job. An immediate revert would be appropriate.
    – ygoe
    Commented Sep 4, 2020 at 16:29
  • 1
    @ygoe SE does theme the scrollbar more than just dropping the buttons (e.g. the scrollbars are thinner) (or at least they did the last time I looked, but I overrode that CSS almost immediately after SE started using it, so I don't know what it's doing now).
    – Makyen
    Commented Sep 4, 2020 at 20:43
  • @Makyen Maybe in Chrome. In Firefox, my main browser, nothing else is visible than the missing buttons. Not even the colours look noticeably different.
    – ygoe
    Commented Sep 5, 2020 at 6:06
  • 1
    @ygoe I have made a feature-request requesting it's reversal.
    – Ollie
    Commented Sep 20, 2020 at 19:17
  • @Ollie I don't know what that is, so you'll have to try out yourself. I'm using Stylus.
    – ygoe
    Commented Oct 4, 2020 at 21:09
  • @ygoe Tried it, and also TylerH's Stylus solutions. They work well, thank you.
    – Ollie
    Commented Oct 10, 2020 at 20:36

0

You must log in to answer this question.

Browse other questions tagged .