fix: keep invalid background color on hover (CP: 14) (#583)

cherry-pick of vaadin/web-components#2094
vaadin · Oct 19, 2021 · 075ea6f · 075ea6f
1 parent 724b2d7
commit 075ea6f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/theme/lumo/vaadin-text-area-styles.html b/theme/lumo/vaadin-text-area-styles.html
@@ -28,12 +28,12 @@
         border: none;
       }
 
-      :host(:hover:not([readonly]):not([focused])) [part="input-field"] {
+      :host(:hover:not([readonly]):not([focused]):not([invalid])) [part="input-field"] {
         background-color: var(--lumo-contrast-20pct);
       }
 
       @media (pointer: coarse) {
-        :host(:hover:not([readonly]):not([focused])) [part="input-field"] {
+        :host(:hover:not([readonly]):not([focused]):not([invalid])) [part="input-field"] {
           background-color: var(--lumo-contrast-10pct);
         }