issue

catalog/static/js/dataRetrieval.js

@@ -85,43 +85,31 @@ function drawPolygon(element) {
 $('#ajax-input').focus(function () {
     console.log('in');
     if (OPT_LIST_IS_HIDDEN && $(this).val() != '') {
-        // console.log('makeRequest');
-        // makeRequest($(this).val());
         $('#option-list').show();
+
         OPT_LIST_IS_HIDDEN = false;
     }
 }).blur(function () {
-    if (!OPT_LIST_IS_HIDDEN && $(this).val() != '') {
-        // $('#option-list').hide();
+    if (!OPT_LIST_IS_HIDDEN && $(this).val() != '' && $(event.target).closest('#option-list').length ) {
+        $('#option-list').hide();
 
-        // var pol_element = document.getElementById('polygon-list');
-        // while (pol_element.firstChild) {
-        //     pol_element.removeChild(pol_element.firstChild);
-        // }
         OPT_LIST_IS_HIDDEN = true;
     }
 });
 
 
-// $(document).click(function (event) {
-//     if (!OPT_LIST_IS_HIDDEN) {
-//         //if click is triggered outside '#option-list' element remove the list
-//         if(!$(event.target).closest('#option-list').length > 0 ) {
-//             $('#option-list').hide();
-//
-//             var pol_element = document.getElementById('polygon-list');
-//             while (pol_element.firstChild) {
-//                 pol_element.removeChild(pol_element.firstChild);
-//             }
-//
-//             OPT_LIST_IS_HIDDEN = true;
-//         }
-//     }
-// });
+$(document).click(function (event) {
+    if (!OPT_LIST_IS_HIDDEN) {
+        //if click is triggered outside '#option-list' element remove the list
+        if(!$(event.target).closest('#option-list').length > 0 ) {
+            $('#option-list').hide();
+
+            OPT_LIST_IS_HIDDEN = true;
+        }
+    }
+});
 
 $(document).ready(function () {
-    // var input = document.getElementById('ajax-input');
-    // var dataList = document.getElementById('polygon-list');
     var pol_element = document.getElementById('polygon-list');
 
     $('#ajax-input').on('input', function(e) {
@@ -139,7 +127,7 @@ $(document).ready(function () {
             return
         }
         console.log(value);
-        // console.log("TOKEN: ", document.getElementsByName('csrfmiddlewaretoken')[0].value);
+
         makeRequest(value);
         // $.ajax({
         //     type: "POST",