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

8 votes278 views3 answers
Js draw canvas on canvas
Html
0 vote261 views1 answer
Howdy
Html
0 vote254 views1 answer
## File * [random-numbers-unsolved](Unsolved/random-numbers-unsolved.html) ### Instructions * Research how to improve on Math.random() to generate a random whole number between 1 and 10 instead of a random decimal number
Html
0 vote285 views1 answer
Inline heading and input
Html
0 vote291 views1 answer
Image carousel output
Html
0 vote270 views2 answers
Twig lower
Html
0 vote264 views1 answer
Html.getenumselectlist display name
Html
3 votes268 views3 answers
How to use strong in html
Html
0 vote292 views1 answer
What is WFH?
Html
171 votes288 views4 answers
Spaces html
Html