Skip to content

Commit 077da1b

Browse files
authored
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".
1 parent fa390a0 commit 077da1b

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

assets/css/search-bar.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525

2626
.top-search .search-bar .search-input {
2727
background-color: var(--searchSearch);
28-
border: none;
28+
border: 1px solid transparent;
2929
border-radius: 8px;
3030
color: var(--searchAccentMain);
3131
position: relative;

0 commit comments

Comments
 (0)