Skip to content

Commit b499234

Browse files
crisbetowagnermaciel
authored andcommitted
fix(material/chips): set correct cursor on interactive chips (angular#26171)
We were always setting the `mdc-evolution-chip__action--presentational` class on the primary chip action to avoid some very specific `:hover` styles from MDC, but the side effect was the correct cursor wasn't being applied to the action anymore. With the new token-based API we don't generate the `:hover` styles at all so we can re-add the class and fix the cursor. Fixes angular#26050.
1 parent 669f7e7 commit b499234

File tree

1 file changed

+1
-3
lines changed

1 file changed

+1
-3
lines changed

src/material/chips/chip-action.ts

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,9 +28,7 @@ const _MatChipActionMixinBase = mixinTabIndex(_MatChipActionBase, -1);
2828
host: {
2929
'class': 'mdc-evolution-chip__action mat-mdc-chip-action',
3030
'[class.mdc-evolution-chip__action--primary]': '_isPrimary',
31-
// Note that while our actions are interactive, we have to add the `--presentational` class,
32-
// in order to avoid some super-specific `:hover` styles from MDC.
33-
'[class.mdc-evolution-chip__action--presentational]': '_isPrimary',
31+
'[class.mdc-evolution-chip__action--presentational]': '!isInteractive',
3432
'[class.mdc-evolution-chip__action--trailing]': '!_isPrimary',
3533
'[attr.tabindex]': '_getTabindex()',
3634
'[attr.disabled]': '_getDisabledAttribute()',

0 commit comments

Comments
 (0)