diff options
| author | Sergey Budkin <sergey@vaadin.com> | 2014-10-06 16:35:28 +0300 |
|---|---|---|
| committer | Vaadin Code Review <review@vaadin.com> | 2014-10-14 07:05:03 +0000 |
| commit | 85f7749ca36232bd9ce04a1ad1236e56660c39ec (patch) | |
| tree | cff033996ee163bb2289125fe7fd8be2482b08e2 /WebContent | |
| parent | cf48f5eaa6319912c8265aedec1db3ff7a12c21e (diff) | |
| download | vaadin-framework-85f7749ca36232bd9ce04a1ad1236e56660c39ec.tar.gz vaadin-framework-85f7749ca36232bd9ce04a1ad1236e56660c39ec.zip | |
Not able to scroll BrowserFrames on iOS Devices (#14813)
Added CSS fixes.
Change-Id: I1f1d27a18b925ab9b4e21292218c75206d3d4984
Diffstat (limited to 'WebContent')
| -rw-r--r-- | WebContent/VAADIN/themes/base/browserframe/browserframe.scss | 7 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/valo/shared/_global.scss | 6 |
2 files changed, 13 insertions, 0 deletions
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; |