fix!: use correct specificity to ensure proper chip color (#7595)

vaadin · Jul 29, 2024 · 877d992 · 877d992
1 parent 31b0524
commit 877d992
Show file tree

Hide file tree

Showing 15 changed files with 2 additions and 2 deletions.
diff --git a/.../visual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-height.png b/.../visual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-height.png
diff --git a/...eenshots/multi-select-combo-box/baseline/auto-expand-long-chip-clear-button.png b/...eenshots/multi-select-combo-box/baseline/auto-expand-long-chip-clear-button.png
diff --git a/...sual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-long-chip.png b/...sual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-long-chip.png
diff --git a/...sual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-max-width.png b/...sual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand-max-width.png
diff --git a/...ox/test/visual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand.png b/...ox/test/visual/lumo/screenshots/multi-select-combo-box/baseline/auto-expand.png
diff --git a/...x/test/visual/lumo/screenshots/multi-select-combo-box/baseline/custom-value.png b/...x/test/visual/lumo/screenshots/multi-select-combo-box/baseline/custom-value.png
diff --git a/...est/visual/lumo/screenshots/multi-select-combo-box/baseline/opened-readonly.png b/...est/visual/lumo/screenshots/multi-select-combo-box/baseline/opened-readonly.png
diff --git a/...est/visual/lumo/screenshots/multi-select-combo-box/baseline/opened-selected.png b/...est/visual/lumo/screenshots/multi-select-combo-box/baseline/opened-selected.png
diff --git a/...sual/lumo/screenshots/multi-select-combo-box/baseline/selected-clear-button.png b/...sual/lumo/screenshots/multi-select-combo-box/baseline/selected-clear-button.png
diff --git a/...sual/lumo/screenshots/multi-select-combo-box/baseline/selected-focused-chip.png b/...sual/lumo/screenshots/multi-select-combo-box/baseline/selected-focused-chip.png
diff --git a/...visual/lumo/screenshots/multi-select-combo-box/baseline/selected-overflow-2.png b/...visual/lumo/screenshots/multi-select-combo-box/baseline/selected-overflow-2.png
diff --git a/...visual/lumo/screenshots/multi-select-combo-box/baseline/selected-overflow-3.png b/...visual/lumo/screenshots/multi-select-combo-box/baseline/selected-overflow-3.png
diff --git a/...t/visual/lumo/screenshots/multi-select-combo-box/baseline/selected-readonly.png b/...t/visual/lumo/screenshots/multi-select-combo-box/baseline/selected-readonly.png
diff --git a/...o-box/test/visual/lumo/screenshots/multi-select-combo-box/baseline/selected.png b/...o-box/test/visual/lumo/screenshots/multi-select-combo-box/baseline/selected.png
diff --git a/packages/multi-select-combo-box/theme/lumo/vaadin-multi-select-combo-box-styles.js b/packages/multi-select-combo-box/theme/lumo/vaadin-multi-select-combo-box-styles.js
@@ -72,8 +72,8 @@ const multiSelectComboBox = css`
   }
 
   /* Override input-container styles */
-  ::slotted([slot='chip']),
-  ::slotted([slot='overflow']) {
+  [part='input-field'] ::slotted([slot='chip']),
+  [part='input-field'] ::slotted([slot='overflow']) {
     min-height: auto;
     padding: 0.3125em calc(0.5em + var(--lumo-border-radius-s) / 4);
     color: var(--lumo-body-text-color);