Fix firefox search button 1px off of search textbox (#1115)

1 files changed, 11 insertions, 5 deletions

diff --git a/ext/js/display/search-display-controller.js b/ext/js/display/search-display-controller.js
index 8dad19d7..b0f0d8e8 100644
--- a/ext/js/display/search-display-controller.js
+++ b/ext/js/display/search-display-controller.js
@@ -566,14 +566,20 @@ export class SearchDisplayController {
      * @param {boolean} shrink
      */
     _updateSearchHeight(shrink) {
-        const node = this._queryInput;
+        const searchTextbox = this._queryInput;
+        const searchItems = [this._queryInput, this._searchButton, this._searchBackButton];
+
         if (shrink) {
-            node.style.height = '0';
+            for (const searchButton of searchItems) {
+                searchButton.style.height = '0';
+            }
         }
-        const {scrollHeight} = node;
-        const currentHeight = node.getBoundingClientRect().height;
+        const {scrollHeight} = searchTextbox;
+        const currentHeight = searchTextbox.getBoundingClientRect().height;
         if (shrink || scrollHeight >= currentHeight - 1) {
-            node.style.height = `${scrollHeight}px`;
+            for (const searchButton of searchItems) {
+                searchButton.style.height = `${scrollHeight}px`;
+            }
         }
     }