1 files changed, 9 insertions, 0 deletions

diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js
index 7339139f..5410c77c 100644
--- a/js/panels/Timeline/Tween.reel/Tween.js
+++ b/js/panels/Timeline/Tween.reel/Tween.js
@@ -44,6 +44,8 @@ var Tween = exports.Tween = Montage.create(Component, {
         },
         set: function(value){
             this._spanWidth = value;
+            this.tweenData.spanWidth = value;
+            this.needsDraw=true;
         }
     },
 
@@ -58,6 +60,8 @@ var Tween = exports.Tween = Montage.create(Component, {
         },
         set:function (value) {
             this._spanPosition = value;
+            this.tweenData.spanPosition = value;
+            this.needsDraw=true;
         }
     },
 
@@ -72,6 +76,8 @@ var Tween = exports.Tween = Montage.create(Component, {
         },
         set:function (value) {
             this._keyFramePosition = value;
+            this.tweenData.keyFramePosition = value;
+            this.needsDraw=true;
         }
     },
 
@@ -133,6 +139,7 @@ var Tween = exports.Tween = Montage.create(Component, {
         }
     },
 
+
     draw:{
         value:function () {
             this.element.style.left = this.spanPosition + "px";
@@ -203,6 +210,7 @@ var Tween = exports.Tween = Montage.create(Component, {
             // move animated element to correct position on stage
             var currentTop = this.tweenedProperties["top"] + "px";
             var currentLeft = this.tweenedProperties["left"] + "px";
+
             ElementsMediator.setProperty([this.parentComponent.parentComponent.animatedElement], "top", [currentTop], "Change", "tween");
             ElementsMediator.setProperty([this.parentComponent.parentComponent.animatedElement], "left", [currentLeft], "Change", "tween");
 
@@ -218,4 +226,5 @@ var Tween = exports.Tween = Montage.create(Component, {
             this.keyframe.deselectKeyframe();
         }
     }
+
 });