bug(mat-icon-button,mat-fab,mat-raised-button,mat-flat-button): Hover effect is missing

[amakhrov]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

This is largely a duplicate of #3946
The resolution in the original issue was "matches the spec".

Well, there is no spec for icon button per say. But the toggle button in the current spec (v2) clearly has the hover state: https://material.io/components/buttons#toggle-button

For FAB, the spec doesn't say this explicitly, but the demo shows the change of elevation when hovered (https://material.io/components/buttons-floating-action-button#usage). The v3 spec explicitly calls out the elevation change, as well as background opacity (https://m3.material.io/components/floating-action-button/specs)
Raised and flat button - similar to FAB.

Reproduction

E.g. demos in https://material.angular.io/components/button/examples

Expected Behavior

Hover effect should exist for all button types

Actual Behavior

Hover effect is missing

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[mrmokwa]

I add mat-button directive together with mat-icon-button to my buttons to achieve this behavior.

Exemple

<button mat-icon-button mat-button routerLink="new" matTooltip="Add">
   <mat-icon>add</mat-icon>
</button>

[andrewseguin]

Looks like the hover effect has been placed back into the spec and is present in the MDC button version. We'll likely not be able to prioritize porting the styles back, but will leave this open to track the issue

[amysorto]

All the new MDC based button components have a hover effect and will be available in v15 soon. Closing this issue.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}