From 3d7f5ee66bd2511abdb08146992028dc19f45b42 Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Wed, 7 Oct 2015 22:26:57 -0400
Subject: [PATCH] Fix GH-21: toggle dropdown when clicking Sign in

---
 src/components/navigation/navigation.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/navigation/navigation.jsx b/src/components/navigation/navigation.jsx
index 2c45a4908..77f954d3b 100644
--- a/src/components/navigation/navigation.jsx
+++ b/src/components/navigation/navigation.jsx
@@ -36,7 +36,7 @@ module.exports = React.createClass({
     },
     handleLoginClick: function (e) {
         e.preventDefault();
-        this.setState({'loginOpen': true});
+        this.setState({'loginOpen': !this.state.loginOpen});
     },
     closeLogin: function () {
         this.setState({'loginOpen': false});
@@ -129,7 +129,10 @@ module.exports = React.createClass({
                     ] : [
                         <li className="link right join" key="join"><a href="/join">Join Scratch</a></li>,
                         <li className="link right" key="login">
-                            <a href="#" onClick={this.handleLoginClick}>Sign In</a>
+                            <a
+                                href="#"
+                                onClick={this.handleLoginClick}
+                                className="ignore-react-onclickoutside">Sign In</a>
                             <Dropdown
                                     className="login-dropdown with-arrow"
                                     isOpen={this.state.loginOpen}