diff --git a/src/material/chips/chip.html b/src/material/chips/chip.html index cc541c48505a..0de837903c54 100644 --- a/src/material/chips/chip.html +++ b/src/material/chips/chip.html @@ -15,7 +15,7 @@ @if (_hasTrailingIcon()) { - + } diff --git a/src/material/chips/chip.scss b/src/material/chips/chip.scss index 78fc2a6eba0c..5ef3c3f5c524 100644 --- a/src/material/chips/chip.scss +++ b/src/material/chips/chip.scss @@ -731,3 +731,16 @@ $_avatar-trailing-padding: 8px; .mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before { content: ''; } + +//Sets the touch target for the chip trailing icons to 48px * 48px +.mat-mdc-chip-touch-target { + >::after { + content: ''; + position: absolute; + top: -15px; + bottom: -15px; + left: -7px; + right: -7px; + z-index: -1; + } +} \ No newline at end of file