CSS Panel - Fix issue with wrong style value when re-enabling style.

2 files changed, 5 insertions, 1 deletions

diff --git a/js/panels/css-panel/style.reel/style.js b/js/panels/css-panel/style.reel/style.js
index 1d5a11a5..858b7020 100644
--- a/js/panels/css-panel/style.reel/style.js
+++ b/js/panels/css-panel/style.reel/style.js
@@ -25,6 +25,9 @@ exports.Style = Montage.create(TreeNode, {
             this.units = this.getUnits(text);
         }
     },
+    browserValue: {
+        value: null
+    },
     _priority: { value: "", distinct: true },
     priority: {
         get: function() {
diff --git a/js/panels/css-panel/styles-view-delegate.js b/js/panels/css-panel/styles-view-delegate.js
index 7e0987eb..ec0026a1 100644
--- a/js/panels/css-panel/styles-view-delegate.js
+++ b/js/panels/css-panel/styles-view-delegate.js
@@ -94,7 +94,7 @@ exports.StylesViewMediator = Montage.create(Component, {
     handleStyleToggle : {
         value: function(rule, enable, style) {
             if(enable) {
-                this.stylesController.setStyle(rule, style.propertyText, style.valueText, style.priority);
+                this.stylesController.setStyle(rule, style.propertyText, style.browserValue, style.priority);
             } else {
                 this.stylesController.deleteStyle(rule, style.propertyText);
             }
@@ -203,6 +203,7 @@ exports.StylesViewMediator = Montage.create(Component, {
 
             ///// update value
             browserValue = this.stylesController.setStyle(rule, property, value);
+            style.browserValue = browserValue;
 
             ///// Mark style as invalid if the browser doesn't accept it
             style.invalid = (browserValue === null);