Make touch actions disabled on some CSS classes (#13368)

This makes Slider, SplitPanels and DragAndDrop anywhere except Table
work on IE and touch screen.

Change-Id: I1c710a14fc3957c81ade07fd2a3de1e4b6feec1a

diff --git a/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss b/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss
index e66f02e20733b2afdbeaf7ae326a55e975bc7ee2..86000abd7cb7a4fe2ed2c92cea0e630ecade90e7 100644 (file)
--- a/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss
+++ b/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss
@@ -6,6 +6,8 @@
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: relative;
+       -ms-touch-action: none;
+       touch-action: none;
 }
 [draggable=true] {
        -khtml-user-drag: element;

diff --git a/WebContent/VAADIN/themes/base/slider/slider.scss b/WebContent/VAADIN/themes/base/slider/slider.scss
index 9ef94d9d9ed74c17c16f6b78d6e42d03d98ba548..60047bc6db36d204bbb2cbc6422fe8b647df7766 100644 (file)
--- a/WebContent/VAADIN/themes/base/slider/slider.scss
+++ b/WebContent/VAADIN/themes/base/slider/slider.scss
@@ -10,7 +10,6 @@
        background: #eee;
        border-left: 1px solid #ddd;
        border-right: 1px solid #eee;
-       
 }
 .#{$primaryStyleName}-handle {
        background: #aaa;
@@ -18,6 +17,8 @@
        height: 12px;
        margin-top: -5px;
        font-size: 0;
+       -ms-touch-action: none;
+       touch-action: none;
 }
 
 .#{$primaryStyleName}-vertical {

diff --git a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss
index bae740257f4295b1ab30b7b746583378be05e80c..968894d92d7da3e458fcd9b2ac7bdaf36ccc22a6 100644 (file)
--- a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss
+++ b/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss
@@ -15,6 +15,8 @@
        background: #ddd;
        cursor: e-resize;
        cursor: col-resize;
+       -ms-touch-action: none;
+       touch-action: none
 }
 .v-disabled .#{$primaryStyleName}-hsplitter div {
        cursor: default;
@@ -27,6 +29,8 @@
        background: #ddd;
        cursor: s-resize;
        cursor: row-resize;
+       -ms-touch-action: none;
+       touch-action: none;
 }
 .v-disabled .#{$primaryStyleName}-vsplitter div {
        cursor: default;