CODEWITHSUNDEEP
material-design-lite
Lambert
Lambert

Reputation: 2433

How to hide MDL tooltip with javascript

When I click on my MDL save button I am disabling the button. However, the tooltip gets stuck below it when the button gets disabled. Is there a way to hide the MDL tooltip with code?

<mdl.Button id="save1_Button" buttonType="mini-fab" buttonColor="primary" disabled={true}>Save</mdl.Button>
<div className="mdl-tooltip" htmlFor="save1_Button">
   Save
</div>

Upvotes: 3

Views: 956

Answers (1)

Pekastel
Pekastel

Reputation: 241

It's a hack, but you can do it with:

$('.mdl-tooltip.is-active').removeClass('is-active');

I know, this is just a workaround, but I couldn't find a supported way of doing it.

Upvotes: 6

Related Questions