FoundationPress
FoundationPress copied to clipboard
Unsightly white area outside viewport
How can this bug be reproduced?
- Step one On Android Chrome, Press hamburger icon to open menu
- Step two Press elsewhere on the screen to close menu
- Step three Swipe page left to see unsightly white area outside the viewport area
I tried adding overflow-x: hidden
to the body
, but it would not resolve the issue. It seems something happens after the JS has fired while closing the menu.
What did you expect to happen? I expected there wouldn't be an awkward white area What happened instead? White are remains after menu closes Please List the Following:
- OS & version: Android Q, Chrome 77
- Node version (node -v) [Node v6+ is required] : 10.16.1
- FoundationPress version (see line 3 in package.json): 2.10.6
- Foundation version (found in
node_modules/foundation-sites/package.json
) : Tried 6.4.1 and 6.4.3
Include Test Case (if applicable):
You can experience the issue for yourself at https://foundationpress.olefredrik.com/
This doesn't appear to be an issue with Foundation itself because their off-canvas component works as intended on Android Chrome.
BTW, Safari and Chrome on iOS behave as intended with this theme.