WebGL needs to have 3d styles to render.

Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

1 files changed, 3 insertions, 1 deletions

diff --git a/js/tools/TagTool.js b/js/tools/TagTool.js
index 6df49a7b..2b6742e6 100755
--- a/js/tools/TagTool.js
+++ b/js/tools/TagTool.js
@@ -221,7 +221,7 @@ exports.TagTool = Montage.create(DrawingTool, {
     },
 
     makeElement: {
-        value: function(w, h, planeMat, midPt,tag) {
+        value: function(w, h, planeMat, midPt,tag, isWebGl) {
             var left = Math.round(midPt[0] - 0.5 * w);
             var top = Math.round(midPt[1] - 0.5 * h);
 
@@ -234,6 +234,8 @@ exports.TagTool = Montage.create(DrawingTool, {
             if(!MathUtils.isIdentityMatrix(planeMat)) {
                 styles['-webkit-transform-style'] = 'preserve-3d';
                 styles['-webkit-transform'] = DrawingToolBase.getElementMatrix(planeMat, midPt);
+            } else if(isWebGl) {
+                styles['-webkit-transform-style'] = 'preserve-3d';
             }
 
             // TODO - for canvas, set both as style and attribute.