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

3 votes223 views2 answers
Html select multiple
Html
1 vote222 views3 answers
Email button html
Html
0 vote224 views1 answer
Hit a perticaulr ancor tag id
Html
0 vote232 views1 answer
How to use material ui in html
Html
0 vote240 views1 answer
Question 04 => No
Html
6 votes218 views1 answer
Naira html
Html
0 vote223 views1 answer
Get all html element data using angular
Html
1 vote199 views1 answer
Change cursor to hand on hover
Html
0 vote216 views1 answer
Bootstrap Navbar Tutorial style custom JS and CSS
Html
1 vote239 views3 answers
Change html div jquery
Html