I just noticed that the sidebar on both Stack Overflow and Meta Stack Overflow has no background, which under normal circumstances may not be a problem, but to guys with a large monitor and poor eyesight who (occasionally) use zoom, like me, it becomes one as soon as we decide to scroll horizontally.
I don't believe it's designed that way for some shady purpose, is it?
Data:
The issue seems to be that unlike other browsers where it's scrolled past normally, in Edge, the sidebar stays fixed to the left. I tested it in:
- Microsoft Edge 41.16299.15.0 (occurs)
- Google Chrome 68.0.3440.84 (doesn't occur)
- Mozilla Firefox 61.0.1 (doesn't occur)
- Opera 54.0.2952.64 (doesn't occur)
Screencast → here
Screenshot:
Update:
Since I had some free time today, I decided to give a look at what is causing this particular behaviour of the sidebar in Microsoft Edge. After playing a bit with the code in the console, I figured out that the problem resides in the element div.left-sidebar--sticky-container.js-sticky-leftnav
.
The problem seems to be the fact that one extra class is added to that element in Microsoft Edge. The class
attribute of the element is:
- Microsoft Edge:
left-sidebar--sticky-container js-sticky-leftnav left-sidebar__fake-sticky
- Other browsers:
left-sidebar--sticky-container js-sticky-leftnav
By removing the left-sidebar__fake-sticky
class being used in Microsoft Edge but in no other browser, the problem seems to subside, without any apparent side-effects.