Files app: Fix search button to expand and collapse

Fixed: 1062148
Change-Id: Iff3c245efb2be80624d940b05d7dd87b82d33d9c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2105660Reviewed-by: Alex Danilo <adanilo@chromium.org>
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Cr-Commit-Position: refs/heads/master@{#751555}

ui/file_manager/file_manager/foreground/js/ui/search_box.js

@@ -111,10 +111,13 @@ class SearchBox extends cr.EventTarget {
     window.requestAnimationFrame(() => {
       // If the focus is still within the search box don't hide the input.
       if (document.activeElement &&
-          this.searchWrapper.contains(document.activeElement)) {
+          this.element.contains(document.activeElement)) {
         return;
       }
-      this.removeHidePending();
+
+      if (this.element.classList.contains('hide-pending')) {
+        this.removeHidePending();
+      }
     });
   }
 
@@ -276,7 +279,6 @@ SearchBox.AutocompleteList =
    */
   handleSelectedSuggestion() {}
 
-
   /**
    * Change the selection by a mouse over instead of just changing the
    * color of moused over element with :hover in CSS. Here's why:
@@ -298,7 +300,6 @@ SearchBox.AutocompleteList =
   }
 };
 
-
 /**
  * ListItem element for autocomplete.
  * @private