fix(text-field): remove browser autofill style (VIV-1641) (#1634)

Vonage · Mar 14, 2024 · a1cf144 · a1cf144
1 parent 23924c3
commit a1cf144
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/libs/components/src/lib/text-field/text-field.scss b/libs/components/src/lib/text-field/text-field.scss
@@ -171,6 +171,17 @@ $low-ink-color: --_low-ink-color;
 		) !important; /* 1. sets text fill to current `color` for safari */
 	}
 
+	&::slotted(input:-webkit-autofill),
+	&:not(slot):-webkit-autofill {
+		/* stylelint-disable */
+		-webkit-box-shadow: 0 0 0 1000px
+			var(#{appearance.get-appearance-token(fill)}) inset;
+		-webkit-text-fill-color: var(
+			#{appearance.get-appearance-token(text)}
+		) !important;
+		/* stylelint-enable */
+	}
+
 	.has-icon &:not(slot),
 	.has-icon &::slotted(input) {
 		padding-inline-start: calc(