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

5 votes230 views2 answers
Html lang en-us or en-US
Html
3 votes222 views3 answers
Click outside box jquery
Html
0 vote267 views1 answer
What Is the Metaverse?
Html
91 votes276 views6 answers
Open link in a new tab
Html
0 vote249 views2 answers
Html select image background arrow
Html
1 vote218 views1 answer
Icon inside input
Html
5 votes215 views1 answer
Calculator in html
Html
6 votes233 views2 answers
Html meta redirect to another page
Html
0 vote250 views1 answer
Make dictionary english html
Html
63 votes207 views5 answers
How to make links in html
Html