Horizontal scroll bar appears
VirtualDOMinic opened this issue · comments
Chrome (v 69.0.3497.100) on Windows. Likely to be an issue on most browsers, and most non-mac desktop OSes (Windows, Linux...).
Think it's due to the 100vw body not taking the width of the browser's vertical scroll bar into account.
Quickest fix I know of is overflow-x: hidden on the document body. Alternatively, could change the body width to max-width, or remove it entirely (I think...)
Hi @VirtualDOMinic Thanks for PR. Can you please attach a screenshot of the app when horizontal bar appears in non-mac environment? I'll short investigate once cross-browser settings is ready as well.
Updated the PR to overflow: hidden as the vertical scroll bar on the body seems redundant, too.
Windows 10, latest stable Chrome.
Before overflow: hidden:
After:
The horizontal scroll issue could also be fixed by removing the width property from the body's CSS