Fixed search result placeholder not resetting correctly

material/assets/manifest.json

@@ -1,6 +1,6 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.a72efce9.min.js",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.4b42b5e6.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.a72efce9.min.js.map",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.4b42b5e6.min.js.map",
   "assets/javascripts/vendor.js": "assets/javascripts/vendor.a018d6bb.min.js",
   "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.a018d6bb.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.4ac00218.min.js",

material/base.html

@@ -173,7 +173,7 @@
     </div>
     {% block scripts %}
       <script src="{{ 'assets/javascripts/vendor.a018d6bb.min.js' | url }}"></script>
-      <script src="{{ 'assets/javascripts/bundle.a72efce9.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.4b42b5e6.min.js' | url }}"></script>
       {%- set translations = {} -%}
       {%- for key in [
         "clipboard.copy",

src/assets/javascripts/components/search/query/react/index.ts

@@ -23,7 +23,6 @@
 import {
   MonoTypeOperatorFunction,
   Observable,
-  animationFrameScheduler,
   combineLatest,
   fromEvent,
   merge,
@@ -34,7 +33,6 @@ import {
   distinctUntilChanged,
   finalize,
   map,
-  observeOn,
   startWith,
   tap
 } from "rxjs/operators"
@@ -114,8 +112,7 @@ export function applySearchQuery(
 ): MonoTypeOperatorFunction<SearchQuery> {
   return pipe(
 
-    /* Defer repaint to next animation frame */
+    /* Hide placeholder when search is focused */
-    observeOn(animationFrameScheduler),
     tap(({ focus }) => {
       if (focus) {
         setSearchQueryPlaceholder(el, "")