Not able to scroll BrowserFrames on iOS Devices (#14813)

Added CSS fixes.

Change-Id: I1f1d27a18b925ab9b4e21292218c75206d3d4984

diff --git a/WebContent/VAADIN/themes/base/browserframe/browserframe.scss b/WebContent/VAADIN/themes/base/browserframe/browserframe.scss
index 149e38a744b788cf6b5c197d7f4cc031effc408a..fce9c11513dfed66545ee7e621cecf8f0f8ffe3b 100644 (file)
--- 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 049518af7377a2d469508437053a0ebd91aa8720..4ce294b06adee2233d2a444aefa5de40b8e89e90 100644 (file)
--- 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;