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

26 votes126 views6 answers
Meta tag
Html
0 vote138 views1 answer
Html how to get js
Html
2 votes155 views1 answer
HTML Basic setup
Html
0 vote142 views1 answer
How to set a string in one line html
Html
12 votes136 views3 answers
Html value attribute
Html
1 vote140 views2 answers
Bootstrap nav search form
Html
0 vote153 views2 answers
Free html dashboard templates
Html
30 votes153 views5 answers
What is iframe html
Html
25 votes142 views4 answers
Metadata
Html
0 vote146 views1 answer
Cats bla bla bla
Html