Skip to content

Commit

Permalink
Fix search bar input on focus 1px shift (#1922)
Browse files Browse the repository at this point in the history
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".
  • Loading branch information
cr0t committed Jun 15, 2024
1 parent fa390a0 commit 077da1b
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion assets/css/search-bar.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit 077da1b

Please sign in to comment.