1 files changed, 15 insertions, 1 deletions

diff --git a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
index 35591afa..dcba51a4 100755
--- a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
+++ b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
@@ -79,6 +79,10 @@ exports.ThreeD = Montage.create(Component, {
         value: 0
     },
 
+    flatten: {
+        value: false
+    },
+
     _disableTranslation: {
         value: true
     },
@@ -107,6 +111,16 @@ exports.ThreeD = Montage.create(Component, {
         value: null
     },
 
+    handleAction: {
+        value: function(event) {
+            if(event.currentTarget.identifier === "flatten") {
+                this.application.ninja.elementMediator.setProperty([this.item],
+                                                                    "-webkit-transform-style",
+                                                                    event.currentTarget.checked ? ["flat"] : ["preserve-3d"]);
+            }
+        }
+    },
+
     handleChange: {
         value: function(event) {
             if(event.wasSetByCode) {
@@ -231,7 +245,7 @@ exports.ThreeD = Montage.create(Component, {
     _getSelectedItem: {
         value: function(els) {
             if(els.length) {
-                return els[0]._element || els[0];
+                return els[0];
             } else {
                 return this.boundObject.application.ninja.currentDocument.documentRoot;
             }