fix: do not apply disabled value color to prefix and suffix (#7772)

vaadin · Sep 17, 2024 · 9c84e5c · 9c84e5c
1 parent da4b577
commit 9c84e5c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/input-container/theme/lumo/vaadin-input-container-styles.js b/packages/input-container/theme/lumo/vaadin-input-container-styles.js
@@ -87,7 +87,7 @@ registerStyles(
       background: var(--_disabled-background);
     }
 
-    :host([disabled]) ::slotted(*) {
+    :host([disabled]) ::slotted(:not([slot$='fix'])) {
       -webkit-text-fill-color: var(--_disabled-value-color);
       color: var(--_disabled-value-color);
     }

diff --git a/packages/vaadin-lumo-styles/mixins/input-field-shared.js b/packages/vaadin-lumo-styles/mixins/input-field-shared.js
@@ -90,12 +90,13 @@ const inputField = css`
     --vaadin-input-field-border-color: var(--lumo-contrast-20pct);
   }
 
-  :host([disabled]) [part='label'] {
+  :host([disabled]) [part='label'],
+  :host([disabled]) [part='input-field'] ::slotted([slot$='fix']) {
     color: var(--lumo-disabled-text-color);
     -webkit-text-fill-color: var(--lumo-disabled-text-color);
   }
 
-  :host([disabled]) [part='input-field'] ::slotted(*) {
+  :host([disabled]) [part='input-field'] ::slotted(:not([slot$='fix'])) {
     color: var(--_disabled-value-color);
     -webkit-text-fill-color: var(--_disabled-value-color);
   }