# Mysterious evil scrollbar

While compulsively checking my question, I noticed that a mysterious in-site scrollbar appeared. When I click on the scrollbar, the question disappears and I have to reload! This leads me to believe that the scrollbar is evil. I'm pretty sure this isn't intended behavior, just curious as to why this could happen.

Click on the scrollbar:

Using Chrome on Windows 8.1.

Notice the first screenshot is on Meta and the second is on the normal site. It doesn't seem to be happening on Meta anymore but still happens on the normal site.

Asaf suggested I click on the "Inspect element" menu option. While I program, I don't make websites, so I'm not sure how to interpret what I've displayed. I'll post it here.

UPDATE: Now when I reload the evil scrollbar appears, then disappears, so reproducing the bug is probably going to be hard now.

• Just like Electric Light Orchestra once said "Eeeevil scrollbar (tanananana) eeeevilll scrollbar (tananana ta!) Eeeevil scroooollbaaarrrr..."; but also, can you get a screenshot? – Asaf Karagila Aug 2 '15 at 13:52
• +1 for deducing that the scrollbar is evil. – Daniel Soltész Aug 2 '15 at 15:42
• That's odd. Did you try to "inspect element" and see if there's any foul play in the computation of the CSS rules? – Asaf Karagila Aug 2 '15 at 15:48
• @AsafKaragila I added the inspect element display. – Matt Samuel Aug 2 '15 at 16:17
• Do you happen to be zoomed in/out? Ctrl + 0 will reset zoom to 100%. – Oded Aug 3 '15 at 11:42
• @Oded I zoom because the screen is tiny and I see poorly. – Matt Samuel Aug 3 '15 at 12:16
• @MattSamuel - I appreciate that - this is most likely the reason you see a scrollbar, however. The sites are not designed to be used with zoom, so scrollbars and other display issues can show up when zooming. – Oded Aug 3 '15 at 12:34
• @Oded guess I'll just not click on it then! – Matt Samuel Aug 3 '15 at 12:37
• So it turns out the scrollbar is a necessary evil, eh? :-) – Asaf Karagila Aug 3 '15 at 18:02
• Seems so. ${}{}{}{}{}{}{}{}$ – Matt Samuel Aug 3 '15 at 18:03
• @Oded: "not designed to be used with zoom" is somewhat humorous - of course zoom is one of the expected issues that a professionally designed site should be designed to handle! – Carl Mummert Aug 10 '15 at 22:08
• You have a lot of tabs. – zixuan Feb 1 at 22:46

I'm pretty sure it's the same Chrome bug as reported here for comments when using SOUP. Basically, Chrome seems to sometimes have trouble calculating the correct content dimensions for elements with overflow: auto, and occasionally ends up underestimating the required size by a pixel or two, causing a useless (and somewhat broken) scroll bar to appear where no scroll bar should be.
In this particular case, I suspect that simply styling the #content div with overflow: hidden instead of overflow: auto should be enough to get rid of the scroll bar. It might sometimes cause the bottom of the page to be clipped by one or two pixels on Chrome instead, but that should be completely harmless.