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

0 vote207 views1 answer
Give padding to label html
Html
0 vote201 views1 answer
Markdown new page break
Html
0 vote226 views1 answer
Fix character wpf missing
Html
1 vote171 views1 answer
Warning: invalid dom property `for`. did you mean `htmlfor`?
Html
15 votes225 views2 answers
Bootstrap 4 accordion
Html
51 votes211 views6 answers
Img tag html
Html
2 votes203 views4 answers
Markdown color
Html
1 vote210 views1 answer
Csrf token html form
Html
34 votes217 views6 answers
Bootstrap border radius
Html
1 vote229 views2 answers
Form action in html
Html