Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

Unsightly white area outside viewport #1403

Open
djmtype opened this issue Sep 15, 2019 · 1 comment
Open

Unsightly white area outside viewport #1403

djmtype opened this issue Sep 15, 2019 · 1 comment

Comments

@djmtype
Copy link

djmtype commented Sep 15, 2019

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
Copy link
Author

djmtype commented Sep 15, 2019

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant