From: Kevin Ball Date: Thu, 5 May 2016 18:31:23 +0000 (-0700) Subject: Fix scrolling issue with reveal on ios X-Git-Tag: v6.2.2-rc1~10^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F8744%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Fix scrolling issue with reveal on ios --- diff --git a/scss/components/_reveal.scss b/scss/components/_reveal.scss index 1c0efec6a..cac8b9449 100644 --- a/scss/components/_reveal.scss +++ b/scss/components/_reveal.scss @@ -113,6 +113,13 @@ $reveal-overlay-background: rgba($black, 0.45) !default; body.is-reveal-open { overflow: hidden; } + // html gets this class only in iOS + html.is-reveal-open, + html.is-reveal-open body { + height: 100%; + overflow: hidden; + user-select: none; + } // Overlay .reveal-overlay { diff --git a/test/visual/reveal/full-reveal.html b/test/visual/reveal/full-reveal.html index 3c6271ca4..b7cced5d0 100644 --- a/test/visual/reveal/full-reveal.html +++ b/test/visual/reveal/full-reveal.html @@ -9,6 +9,30 @@ Open testcase from http://foundation.zurb.com/forum/posts/38459-f6-reveal-modal-suggestions +

When the reveal is open, it should scroll but body no

Scroll