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

21 votes395 views5 answers
Linear gradient with image
Html
24 votes343 views5 answers
Get data tag
Html
5 votes320 views2 answers
Html table colspan and rowspan
Html
3 votes314 views1 answer
Responsive flexbox navbar
Html
0 vote459 views1 answer
Ragion frankfurt aws
Html
0 vote348 views1 answer
Asp.net mvc go to page
Html
0 vote323 views1 answer
Html get user screen resolution
Html
0 vote337 views2 answers
Javascript onblur
Html
1 vote383 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote324 views2 answers
Regex float input
Html