diff options
| author | Sergey Budkin <sergey@vaadin.com> | 2014-10-06 16:35:28 +0300 |
|---|---|---|
| committer | Markus Koivisto <markus@vaadin.com> | 2014-10-14 18:07:03 +0300 |
| commit | 4b733b9c0443169e75d63a494ed729677bb47fd2 (patch) | |
| tree | 051840dea3e2f0d9e54503fc8a01ec9304a2bda0 | |
| parent | cb56eb3f74f8e785f22d0eabe38c3f0b559b78af (diff) | |
| download | vaadin-framework-4b733b9c0443169e75d63a494ed729677bb47fd2.tar.gz vaadin-framework-4b733b9c0443169e75d63a494ed729677bb47fd2.zip | |
Not able to scroll BrowserFrames on iOS Devices (#14813)
Added CSS fixes.
Change-Id: I1f1d27a18b925ab9b4e21292218c75206d3d4984
| -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; |