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 vote208 views2 answers
Table row indexing
Html
0 vote211 views1 answer
Mettre des écritaux sur le coté html
Html
65 votes186 views6 answers
How to add links to html
Html
63 votes172 views5 answers
How to make links in html
Html
34 votes211 views4 answers
Bootstrap substractive border right
Html
0 vote193 views1 answer
How to summon an entity with a tag
Html
1 vote208 views1 answer
What is dir attribute in html
Html
0 vote213 views3 answers
How to Create a “Sticky” Floating Footer Bar in WordPress
Html
6 votes184 views4 answers
How to change the color of the hr tag in html
Html
54 votes142 views6 answers
Html favicon link
Html