From 53bb51a38edc6fe7cc80c43d34027590a22a1d32 Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Thu, 14 Jun 2012 14:29:37 -0700
Subject: Timeline: New easing menu.

---
 js/panels/Timeline/EasingMenu.reel/EasingMenu.js | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

(limited to 'js/panels/Timeline/EasingMenu.reel/EasingMenu.js')

diff --git a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js
index 006efd69..f0547e31 100644
--- a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js
+++ b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js
@@ -92,12 +92,17 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, {
     	}
     },
     
+    _isShown: {
+    	value: false
+    },
+    
     /* End: Models */
     
     /* Begin: Draw Cycle */
     willDraw: {
     	value: function() {
     		this.element.addEventListener("click", this.handleEasingChoicesClick.bind(this), false);
+    		document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false);
     	}
     },
     
@@ -131,11 +136,8 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, {
             position.left = this.left;
             this.popup.position = position;
             this.popup.show();
+            this._isShow = true;
 
-
-            
-            
-            
             // Redraw the content (needed to reflect probable changes in selection from the last time we showed it)
             this.popup.content.needsDraw = true;
 		}
@@ -152,9 +154,17 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, {
     		this.callingComponent.easing = event.target.dataset.ninjaEase;
     		
     		// Hide the menu.
-    		this.popup.hide();	
+    		this.popup.hide();
+    		this._isShow = false;
     	}
-    }
+   },
+	handleDocumentScroll: {
+		value: function(event) {
+			if (this._isShow = true) {
+				this.popup.hide();
+			}
+		}
+	}
     
     /* End: Controllers */
     
-- 
cgit v1.2.3