From 2789ae9c3efe0058b4483669ae1a7adafe8e0480 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 16 Jun 2026 09:11:42 +0200 Subject: [PATCH] fix(material/chips): wrong padding when chip only has edit icon Fixes that the chip wasn't accounting for there only being an edit icon as the leading element. Fixes #33395. --- src/material/chips/chip.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/src/material/chips/chip.scss b/src/material/chips/chip.scss index f780d673ded6..6324868ef8f6 100644 --- a/src/material/chips/chip.scss +++ b/src/material/chips/chip.scss @@ -204,23 +204,28 @@ $fallbacks: m3-chip.get-tokens(); // Moved out into variables, because the selectors are too long. $with-graphic: '.mdc-evolution-chip--with-primary-graphic'; $with-trailing: '.mdc-evolution-chip--with-trailing-action'; + $with-leading: '.mdc-evolution-chip--with-leading-action'; - .mat-mdc-standard-chip#{$with-trailing} & { + .mat-mdc-standard-chip#{$with-trailing} &, + .mat-mdc-standard-chip#{$with-leading} & { padding-left: $_trailing-action-padding; padding-right: $_trailing-action-padding; } - .mat-mdc-standard-chip#{$with-graphic}#{$with-trailing} & { + .mat-mdc-standard-chip#{$with-graphic}#{$with-trailing} &, + .mat-mdc-standard-chip#{$with-graphic}#{$with-leading} & { padding-left: $_trailing-action-padding; padding-right: $_trailing-action-padding; } - .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & { + .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} &, + .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & { padding-left: $_avatar-trailing-padding; padding-right: $_avatar-trailing-padding; } - [dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} & { + [dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-trailing} &, + [dir='rtl'] .mdc-evolution-chip--with-avatar#{$with-graphic}#{$with-leading} & { padding-left: $_avatar-trailing-padding; padding-right: $_avatar-trailing-padding; }