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

0 vote138 views1 answer
How to code cards deck with tab collapse
Html
0 vote87 views1 answer
Input-group-addon prepend
Html
0 vote204 views1 answer
Howdy
Html
1 vote144 views1 answer
Accept function jsf component
Html
0 vote129 views1 answer
Jquery animation move point
Html
0 vote145 views1 answer
Charles V and francis I
Html
27 votes134 views6 answers
Html align text center
Html
0 vote148 views1 answer
Thumbnail html
Html
1 vote84 views1 answer
Bootstrap input
Html
3 votes129 views1 answer
Svg namespace uri
Html