Merge pull request #26890 from brave/pr26874_settings-close-search_1.…

…74.x [Toolbar]: Fix close search button (uplift to 1.74.x)
brave · Dec 5, 2024 · 9c94087 · 9c94087
2 parents a29b312 + 61dfc14
commit 9c94087
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.css
@@ -13,6 +13,7 @@
     --search-icon-padding: 4px;
     --search-button-width: calc(var(--search-icon-size) + 2 * var(--search-padding) + 2 * var(--search-icon-padding));
     --leo-icon-size: var(--search-icon-size);
+    --animation-duration: 200ms;
 
     position: absolute;
     bottom: 0;
@@ -40,7 +41,7 @@
     position: relative;
     height: 100%;
     width: var(--search-button-width);
-    transition: width 400ms ease-in-out 0s;
+    transition: width var(--animation-duration) ease-in-out 0s;
     display: flex;
     align-items: center;
 }
@@ -67,7 +68,7 @@
 
 .page-search_box {
     background-image: var(--toolbar-background);
-    transition: opacity 400ms ease-in-out 0s;
+    transition: opacity var(--animation-duration) ease-in-out 0s;
     opacity: 0;
     position: absolute;
     top: 0;

diff --git a/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts b/ui/webui/resources/br_elements/br_toolbar/br_toolbar_search_field.ts
@@ -121,8 +121,6 @@ export class BraveToolbarSearchField extends BraveToolbarSearchFieldBase {
   onInputBlur_() {
     this.isBlurring_ = true
     this.searchFocused_ = false
-    if (!this.hasSearchText)
-      this.showingSearch = false
   }
 
   onSearchTermKeydown_(e: KeyboardEvent) {