From 13b4ca65607f32bd535955760e668b7faaf97bc0 Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Sun, 16 Dec 2012 01:00:59 +0100
Subject: [PATCH] Do not set translate3d on svg children

In current Webkit browsers, having translate3d on svg child elements
causes the positioning from the layer not to be inherited by the vector
layer content.
---
 examples/mobile-wmts-vienna.css |  5 ++++-
 theme/default/style.css         | 13 ++++++++-----
 theme/default/style.mobile.css  |  7 +++++--
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css
index df2a861b8b..1a1dd07079 100644
--- a/examples/mobile-wmts-vienna.css
+++ b/examples/mobile-wmts-vienna.css
@@ -13,7 +13,7 @@ html, body, #map {
     display: none;
 }
 
-/* Turn on GPU support on devices that support it */
+/* Turn on GPU support where available */
 .olMapViewport, .olMapViewport * {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
@@ -21,6 +21,9 @@ html, body, #map {
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }
+.olLayerDiv svg * {
+    -webkit-transform: none;
+}
 
 .olLayerGrid .olTileImage {
     -webkit-transition: opacity 0.2s linear;
diff --git a/theme/default/style.css b/theme/default/style.css
index f4d5ee5a89..ddef0c7059 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -489,11 +489,14 @@ a.olControlZoomOut {
 
 /* Turn on GPU support where available */
 .olMapViewport, .olMapViewport * {
-    -webkit-transform: translate3d(0, 0, 0);
-    -moz-transform: translate3d(0, 0, 0);
-    -o-transform: translate3d(0, 0, 0);
-    -ms-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
+    -webkit-transform: translate3d(0,0,0);
+    -moz-transform: translate3d(0,0,0);
+    -o-transform: translate3d(0,0,0);
+    -ms-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
+.olLayerDiv svg * {
+    -webkit-transform: none;
 }
 
 /* override any max-width image settings (e.g. bootstrap.css) */
diff --git a/theme/default/style.mobile.css b/theme/default/style.mobile.css
index ef8069afd2..dec122f1b0 100644
--- a/theme/default/style.mobile.css
+++ b/theme/default/style.mobile.css
@@ -49,11 +49,14 @@ div.olControlZoom a:hover {
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
 }
-/* Turn on GPU support on devices that support it */
+/* Turn on GPU support where available */
 .olMapViewport, .olMapViewport * {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
-}
\ No newline at end of file
+}
+.olLayerDiv svg * {
+    -webkit-transform: none;
+}