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

9 votes275 views2 answers
Mobile meta tag
Html
18 votes267 views2 answers
How to add script in html head
Html
57 votes247 views2 answers
Html button radio button
Html
0 vote251 views1 answer
How to take input from user in html
Html
2 votes257 views2 answers
Divs in html
Html
0 vote293 views1 answer
Route link prop vue
Html
3 votes267 views1 answer
Sound on click
Html
28 votes261 views3 answers
Html a href
Html
-1 vote262 views1 answer
Jquery link when installed
Html
101 votes278 views2 answers
How to make href open in a new tab link html
Html