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

19 votes231 views5 answers
Google icons
Html
0 vote190 views1 answer
Xhtml strict
Html
0 vote191 views1 answer
Twig markdown html
Html
3 votes203 views3 answers
Html input max vs maxlength
Html
0 vote216 views1 answer
Netlify 11ty build configuration
Html
5 votes171 views1 answer
Html change viewport to smartphone size
Html
0 vote188 views1 answer
Add favorite icon to website html
Html
0 vote194 views1 answer
Html autoplay loop many videos
Html
0 vote205 views1 answer
Style upload button vue
Html
0 vote191 views1 answer
How to get data from html page using javascript
Html