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 vote179 views1 answer
How to set a string in one line html
Html
0 vote174 views1 answer
How to fix input field and disabled
Html
0 vote210 views1 answer
Html marquee space between images
Html
4 votes168 views2 answers
Standard html starter code
Html
0 vote226 views1 answer
Open link as a number
Html
0 vote190 views1 answer
Reading html file and writing response.write nodejs
Html
-1 vote188 views1 answer
Div class wrapper html
Html
0 vote180 views2 answers
Bootstrap table no border
Html
5 votes205 views6 answers
Tailwind cdn
Html
0 vote186 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html