From a220e553eb024f5b34d4ec21393ce228ca67357a Mon Sep 17 00:00:00 2001
From: jdlrobson <jdlrobson@gmail.com>
Date: Tue, 22 Jun 2021 09:34:38 -0700
Subject: [PATCH] Fixes transition from input focus state to WVUI focus state

VueEnhancedSearchBox tries to mimic the styles of WVUI to get a
seamless transition however doesn't account for the focus state that
shows briefly while this occurs.

This was leading to the icon jumping as it transitioned.

Bug: T279015
Change-Id: I10a4ec5d64bb58e2f21506c8a09a1bb6c34ecd65
---
 .../skins.vector.styles/components/VueEnhancedSearchBox.less | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/skins.vector.styles/components/VueEnhancedSearchBox.less b/resources/skins.vector.styles/components/VueEnhancedSearchBox.less
index 3244c7c..90ae60b 100644
--- a/resources/skins.vector.styles/components/VueEnhancedSearchBox.less
+++ b/resources/skins.vector.styles/components/VueEnhancedSearchBox.less
@@ -107,7 +107,10 @@
 		#searchInput:focus ~ #mw-searchButton {
 			// Derived from
 			// https://gerrit.wikimedia.org/g/wvui/+/refs/changes/93/650593/10/src/components/typeahead-search/TypeaheadSearch.vue#655
-			left: -11px;
+			// (-11px) minus 1px input border.
+			left: -12px;
+			// minus the 1px border
+			top: -1px;
 		}
 
 		// Update search loader to match width and position of WVUI expanding input.