From 85f7749ca36232bd9ce04a1ad1236e56660c39ec Mon Sep 17 00:00:00 2001 From: Sergey Budkin Date: Mon, 6 Oct 2014 16:35:28 +0300 Subject: [PATCH] Not able to scroll BrowserFrames on iOS Devices (#14813) Added CSS fixes. Change-Id: I1f1d27a18b925ab9b4e21292218c75206d3d4984 --- .../VAADIN/themes/base/browserframe/browserframe.scss | 7 +++++++ WebContent/VAADIN/themes/valo/shared/_global.scss | 6 ++++++ 2 files changed, 13 insertions(+) diff --git a/WebContent/VAADIN/themes/base/browserframe/browserframe.scss b/WebContent/VAADIN/themes/base/browserframe/browserframe.scss index 149e38a744..fce9c11513 100644 --- a/WebContent/VAADIN/themes/base/browserframe/browserframe.scss +++ b/WebContent/VAADIN/themes/base/browserframe/browserframe.scss @@ -4,6 +4,13 @@ .v-browserframe { font-size: 0; } + + /* fix for #14813 - unable to scroll on iOS devices */ + .v-webkit.v-ios & .v-browserframe { + -webkit-overflow-scrolling: touch; + overflow:auto; + } + /* Some times a browser frame can contain a span with altenate text */ .v-browserframe > span { font-size: $font-size; diff --git a/WebContent/VAADIN/themes/valo/shared/_global.scss b/WebContent/VAADIN/themes/valo/shared/_global.scss index 049518af73..4ce294b06a 100644 --- a/WebContent/VAADIN/themes/valo/shared/_global.scss +++ b/WebContent/VAADIN/themes/valo/shared/_global.scss @@ -121,6 +121,12 @@ $valo-global-included: false !default; -webkit-overflow-scrolling: none; } + //fix for #14813 - unable to scroll on iOS devices + .v-webkit.v-ios .v-browserframe { + -webkit-overflow-scrolling: touch; + overflow:auto; + } + .v-assistive-device-only { position: absolute; top: -2000px; -- 2.39.5