FoundationPress icon indicating copy to clipboard operation
FoundationPress copied to clipboard

Unsightly white area outside viewport

Open djmtype opened this issue 4 years ago • 1 comments

How can this bug be reproduced?

  1. Step one On Android Chrome, Press hamburger icon to open menu
  2. Step two Press elsewhere on the screen to close menu
  3. 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/

djmtype avatar Sep 15 '19 22:09 djmtype

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.

djmtype avatar Sep 15 '19 22:09 djmtype