Overflow Scrollbars on Sidebar

[reinhart1010]

Hello, I'm one of the members of Webcompat.com (@webcompat). More details on the project can be found on the website.

In webcompat/web-bugs#42323 someone reported an display issue on a site which was known using Now UI Dashboard PRO theme. As tested in multiple Chrome and Firefox instances an unnecessary vertical and/or horizontal scrollbars are present on the sidebar (which is worse than #1, where only the horizontal scrollbar is visible), whether it was maximized or minimized.

Note: Chrome (left) vs Firefox (right)

This exact same issue can also be observed on the official demo page of this theme.

While this issue is reproducible only in some devices (might dependent on screen resolutions), I have found a workaround which involves changing the overflow property of

.off-canvas-sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    overflow: auto;
    width: 260px;
    z-index: 4;
    padding-bottom: 100px;

to hidden instead of auto.

[dragosct]

Hi, @reinhart1010! Thank you for using our products and for your solution. I've also tested on the windows but on our part, the perfect scrollbar is working fine.

Regards,
Dragos

[oliverhermanni]

HI @dragosct10,

I can confirm this bug. For whatever reason it happens on Linux. The issue on www.exploit-db.com reported by the issue creator also states it happens on this OS.