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

58 votes142 views6 answers
Link html
Html
0 vote196 views1 answer
Html make a cube
Html
0 vote172 views1 answer
Disable disabled html element button input div
Html
47 votes144 views6 answers
Html mail
Html
0 vote130 views1 answer
Convert markdown to styled html
Html
1 vote144 views2 answers
Form action in html
Html
0 vote133 views1 answer
Math whizz
Html
0 vote144 views2 answers
Auto complete display name instead of value
Html
0 vote160 views1 answer
Plantuml bold text
Html
21 votes149 views4 answers
Link in markdown
Html