Avoid flash of stale content

Author: a13o

app/components/search-input.js

@@ -57,6 +57,9 @@ export default class SearchInput extends Component {
 
   @action onfocus() {
     if (this.query.length > 0 && this.searchService.hasStaleResults()) {
+      // clearing the results avoids a flash of stale content while the search
+      // is performed
+      this.searchService.clearResults();
       this.searchService.search.perform(this.query);
     }
 

app/services/search.js

@@ -54,4 +54,8 @@ export default Service.extend({
     return this._lastQueriedProjectVersion !== null
     && this._projectVersion !== this._lastQueriedProjectVersion;
   },
+
+  clearResults() {
+    set(this, 'results', emberArray());
+  }
 });