Make Select show error styling only if user has interacted

guardian · Oct 9, 2024 · 1dd2f9e · 1dd2f9e
1 parent 407a7ba
commit 1dd2f9e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/libs/@guardian/source/src/react-components/select/styles.ts b/libs/@guardian/source/src/react-components/select/styles.ts
@@ -81,7 +81,7 @@ export const select = (select: ThemeSelect): SerializedStyles => css`
 		${focusHalo};
 	}
 
-	&:invalid {
+	&:user-invalid {
 		${errorInput(select)};
 	}
 `;