From 64d291ea20c8017d52613e902a88ec3e4be4fa15 Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Tue, 11 Dec 2012 23:23:08 +0100
Subject: [PATCH] Turn on GPU support for all children of the layerContainerDiv

This seems to remove all kinds of flicker and jumpiness, and to me it feels
also like it makes panning on slow mobile devices smoother.
---
 examples/mobile-wmts-vienna.css | 2 --
 theme/default/style.css         | 7 +++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css
index a8ccc14a97..ac3d1cb5e6 100644
--- a/examples/mobile-wmts-vienna.css
+++ b/examples/mobile-wmts-vienna.css
@@ -17,8 +17,6 @@ html, body, #map {
     -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
-    /* workaround for strange border tile squeezing on Android 4.x */
-    -webkit-transform: scale(1.001);
 }
 div.olControlAttribution {
     position: absolute;
diff --git a/theme/default/style.css b/theme/default/style.css
index ed8cef75ce..dddea0e163 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -487,6 +487,13 @@ a.olControlZoomOut {
     transition: opacity 0.2s linear;
 }
 
+.olTileImage, .olLayerDiv {
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -o-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+}
+
 /* override any max-width image settings (e.g. bootstrap.css) */
 img.olTileImage {
     max-width: none;