Mat-tooltip on disabled button

This doesn't work because it is triggered by mouseenter event which doesn't get fired by most browsers for disabled elements. A workaround is to add matTooltip to a parent element:
<div matTooltip="You cannot delete that" [matTooltipDisabled]="!isButtonDisabled()">
    <button mat-raised-button [disabled]="isButtonDisabled()">
        <mat-icon>delete</mat-icon>
    </button>
</div>

Source: stackoverflow.com

Similar codes

46 votes103 views6 answers
Email link html
Html
12 votes109 views3 answers
Bootstrap cards with image
Html
1 vote55 views1 answer
Ionic ngfor object
Html
0 vote111 views1 answer
Pug html adalah
Html
0 vote108 views1 answer
Google go to sprint in Encino
Html
0 vote140 views1 answer
Open link as a number
Html
0 vote98 views1 answer
Difference between body and main html
Html
2 votes111 views2 answers
How to put something on the bottom right corner in html
Html
0 vote105 views1 answer
How to add a border under div bootstrap
Html
0 vote116 views1 answer
Smart contract spdx license
Html