From 2087bedf6c7afac7fba3a28ae8350ebfa10bdb5a Mon Sep 17 00:00:00 2001 From: Kevin Ball Date: Thu, 5 May 2016 11:31:23 -0700 Subject: [PATCH] Fix scrolling issue with reveal on ios --- scss/components/_reveal.scss | 7 +++++++ test/visual/reveal/full-reveal.html | 24 ++++++++++++++++++++++++ 2 files changed, 31 insertions(+) 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