1 files changed, 14 insertions, 13 deletions

diff --git a/js/tools/TagTool.js b/js/tools/TagTool.js
index e3f49bbe..d946db72 100755
--- a/js/tools/TagTool.js
+++ b/js/tools/TagTool.js
@@ -90,7 +90,7 @@ exports.TagTool = Montage.create(DrawingTool, {
             if(selectionManagerModule.selectionManager.isDocument) {
                 this.editSymbol = documentManagerModule.DocumentManager.activeDocument.documentRoot;
             } else {
-                this.editSymbol = selectionManagerModule.selectionManager._selectedItems[0]._element;
+                this.editSymbol = selectionManagerModule.selectionManager._selectedItems[0];
             }
             */
         }
@@ -104,7 +104,7 @@ exports.TagTool = Montage.create(DrawingTool, {
                 if(selectionManagerModule.selectionManager.isDocument) {
                     this.editSymbol = documentManagerModule.DocumentManager.activeDocument.documentRoot;
                 } else {
-                    this.editSymbol = selectionManagerModule.selectionManager._selectedItems[0]._element;
+                    this.editSymbol = selectionManagerModule.selectionManager._selectedItems[0];
                 }
 
             }
@@ -142,7 +142,7 @@ exports.TagTool = Montage.create(DrawingTool, {
                 element = this.makeElement(~~data.width, ~~data.height, data.planeMat, data.midPt, this.makeTag());
 
                 // Insert Element
-                NJevent("elementAdding", element);
+                this.application.ninja.elementMediator.addElements(element.el, element.data);
             } else {
                 element = this.makeStaticElement(this.makeTag());
                 this._insertStatic(this.editSymbol, element.el, element.style);
@@ -221,22 +221,23 @@ exports.TagTool = Montage.create(DrawingTool, {
     },
 
     makeElement: {
-        value: function(w, h, planeMat, midPt,tag) {
-            var styles;
-            
+        value: function(w, h, planeMat, midPt, tag, isShape) {
             var left = Math.round(midPt[0] - 0.5 * w);
             var top = Math.round(midPt[1] - 0.5 * h);
 
-            var matStr = DrawingToolBase.getElementMatrix(planeMat, midPt);
-
-            styles = {
+            var styles = {
                 'position': 'absolute',
                 'top' : top + 'px',
-                'left' : left + 'px',
-                '-webkit-transform-style' : 'preserve-3d',
-                '-webkit-transform' : matStr
+                'left' : left + 'px'
             };
 
+            if(!MathUtils.isIdentityMatrix(planeMat)) {
+                styles['-webkit-transform-style'] = 'preserve-3d';
+                styles['-webkit-transform'] = DrawingToolBase.getElementMatrix(planeMat, midPt);
+            } else if(isShape) {
+                styles['-webkit-transform-style'] = 'preserve-3d';
+            }
+
             // TODO - for canvas, set both as style and attribute.
             // Otherwise, we need to create a separate controller for canvas elements
             if(tag.tagName === "CANVAS") {
@@ -255,7 +256,7 @@ exports.TagTool = Montage.create(DrawingTool, {
         value: function(tag) {
             var styles = {
                 "-webkit-transform-style": "preserve-3d",
-                "-webkit-transform": "perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
+                "-webkit-transform": "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
             };
             tag.innerHTML = "content";