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 vote191 views2 answers
Html auto change year
Html
0 vote258 views1 answer
Run 2 function on input vue
Html
1 vote206 views1 answer
Make link open in new tab
Html
0 vote206 views1 answer
Show html files from firebase android studio
Html
1 vote204 views1 answer
Vue cursor focus
Html
0 vote227 views1 answer
Disable disabled html element button input div
Html
0 vote426 views1 answer
Webview html
Html
109 votes197 views10 answers
Jquery cdn
Html
0 vote203 views1 answer
Bulma css buttons
Html
4 votes187 views1 answer
Textbox dropdown with manual input
Html