fix focused style not applying properly when exploring search suggest…

…ions
Ragnar-Oock · Feb 26, 2021 · b75c46f · b75c46f
1 parent 3d035ad
commit b75c46f
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
@@ -573,7 +573,8 @@ export default {
 				transition: opacity 300ms ease-in-out;
 			}
 
-			&:focus {
+			&:focus,
+			&.focus {
 				outline: none;
 				background-color: var(--filler-2);
 
@@ -584,7 +585,8 @@ export default {
 			@at-root .docked & {
 				background-color: var(--filler-2-translucent);
 
-				&:focus {
+				&:focus,
+				&.focus {
 					background-color: var(--filler-2);
 
 					&::placeholder {
@@ -674,7 +676,8 @@ export default {
 			width: 100%;
 			border-radius: 5px;
 			transition: box-shadow 300ms ease-in-out;
-			&:focus-within {
+			&:focus-within,
+			&.focus-within {
 				box-shadow: 0 0 5px 0 #0003;
 			}
 		}