From 077da1bb19385cabd6cb46b3bd029ae88831a000 Mon Sep 17 00:00:00 2001 From: Sergey Kuznetsov Date: Sat, 15 Jun 2024 17:48:14 +0200 Subject: [PATCH] Fix search bar input on focus 1px shift (#1922) Previously the `.search-input` set of styles defined `border: none`, while its `:focus` state has 1px border set. This led to the "micro-jump" of the placeholder text when the input field gets user focus (and it "jumps" back when it loses one). With this simple fix we always have invisible 1px border set to the input, so it prevents "jumping". --- assets/css/search-bar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/search-bar.css b/assets/css/search-bar.css index 9e957caed..8822812c5 100644 --- a/assets/css/search-bar.css +++ b/assets/css/search-bar.css @@ -25,7 +25,7 @@ .top-search .search-bar .search-input { background-color: var(--searchSearch); - border: none; + border: 1px solid transparent; border-radius: 8px; color: var(--searchAccentMain); position: relative;