Correct error with invisible search container preventing clicks

HomeRateDev · Jun 20, 2018 · 6a6d1de · 6a6d1de
1 parent 5f946ab
commit 6a6d1de
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/homerate/reviews/static/css/base.scss b/homerate/reviews/static/css/base.scss
@@ -87,6 +87,14 @@ $barHeight: 38px;
     font-size: $searchFontSize;
     display: inline-block;
 
+    .errorMessage {
+      padding: 20px;
+      background: #fff;
+      border-radius: $cornerRadius;
+      box-shadow: 0 5px 7px rgba($shadowColour, 0.05);
+      display: none;
+    }
+
     input {
       margin-top: 0;
       padding: 10px 10px;

diff --git a/homerate/reviews/static/js/core.js b/homerate/reviews/static/js/core.js
@@ -211,12 +211,15 @@ function createVisualStars() {
     function toggleAutocomplete(hide) {
         const ac = $('.autocomplete');
         if (hide) {
-            ac.stop().css('opacity', '0').delay(1000).queue(function(next) {
-                $(this).css('visibility', 'hidden');
+            ac.stop().css('opacity', '0').delay(700).queue(function(next) {
+                $(this).css('visibility', 'hidden').css('display', 'none');
                 next();
             });
         } else {
-            ac.stop().css('visibility', 'visible').css('opacity', '1');
+            ac.stop().css('display', 'block').css('visibility', 'visible').delay(50).queue(function(next) {
+                $(this).css('opacity', '1');
+                next();
+            });
         }
     }