From ab9826188943f40c21c23eacc652cb9db3de845f Mon Sep 17 00:00:00 2001
From: Sam Lu <samvlu@icloud.com>
Date: Mon, 6 Aug 2018 11:23:09 -0500
Subject: [PATCH] Add ability to dismiss search bar by clicking outside search
 field

---
 src/scripts/layout.js | 28 +++-------------------------
 1 file changed, 3 insertions(+), 25 deletions(-)

diff --git a/src/scripts/layout.js b/src/scripts/layout.js
index 0361244..6bd19f4 100644
--- a/src/scripts/layout.js
+++ b/src/scripts/layout.js
@@ -1,7 +1,3 @@
-/* Variables
-   ================================================================== */
-var searchToggleStatus = false
-
 /* Selectors
    ================================================================== */
 var searchButton = document.querySelector('#searchButton'),
@@ -15,6 +11,9 @@ var searchButton = document.querySelector('#searchButton'),
    ================================================================== */
 searchButton.addEventListener('click', showSearch)
 searchCloseButton.addEventListener('click', closeSearch)
+searchNavInput.onblur = function() {
+  closeSearch()
+}
 
 
 /* Functions
@@ -25,31 +24,10 @@ function showSearch() {
   searchNavInput.focus()
   navbarNav.classList.add('hidden')
   profileMenu.classList.add('visible')
-  // $('#search-overlay').addClass('visible')
-  // if (searchToggleStatus == true) {
-  //   // $(document.body).click(function() {
-  //     // console.log('detect click outside');      
-  //     //   searchToggleStatus = false
-  //     // })
-  //     console.log(searchToggleStatus);
-  //     console.log('detect click outside');      
-  //     searchToggleStatus = false
-  //     console.log(searchToggleStatus);
-  // } else {
-  //   console.log(searchToggleStatus);
-  //   console.log('not detecting clicks');
-    
-  // }
-    // $(document.body).click(function () {
-    //   console.log('detected click outside');
-    //   searchToggleStatus == false
-    // }) else {
-    // }
 }
 
 function closeSearch() {
   searchNav.classList.add('hidden')
   navbarNav.classList.remove('hidden')
   profileMenu.classList.remove('visible')
-  // $('#search-overlay').removeClass('active')
 }
\ No newline at end of file