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

-3 votes169 views2 answers
Vue hide
Html
0 vote177 views1 answer
Impossible to create the root directory "/var/www/html/laraship-subscription/storage/app/public/media/user_v1oz1Yz27j/26
Html
0 vote192 views1 answer
Html content in rectangle
Html
12 votes175 views2 answers
Bootstrap grids examples
Html
44 votes165 views5 answers
Onclick button href
Html
13 votes214 views3 answers
How to use variables in HTML
Html
16 votes172 views3 answers
Href email in html
Html
1 vote155 views1 answer
Iframe pdf html5
Html
0 vote170 views1 answer
Data-block-on-consent
Html
0 vote164 views3 answers
Copy the text html
Html