Skip to content

Commit e093077

Browse files
authored
fix(material/chips): avatar image stretched in Safari (#32278)
Works around a bug in Safari where the image inside a chip avatar can get stretched.
1 parent df51804 commit e093077

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/material/chips/chip.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -747,3 +747,9 @@ $fallbacks: m3-chip.get-tokens();
747747
.mdc-evolution-chip__icon, .mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {
748748
min-height: fit-content;
749749
}
750+
751+
// The `min-height: fit-content` above can stretch out image in Safari (see #32251).
752+
// It also isn't necessary for image since their content doesn't affect the image container.
753+
img.mdc-evolution-chip__icon {
754+
min-height: 0;
755+
}

0 commit comments

Comments
 (0)