Menu icon Foundation
ToolTip not working on Buttons

It is pretty simple, I am trying to add the ToolTip to the button element - but it does not seem to be working - is this even possible?

<button title="Message Contact" className="message has-tip radius" data-tooltip aria-haspopup="true">
	<i className="fi-comment size-36"></i>
</button>
            

         

I also do have this working completely for all of my navigation buttons (normal link tags) - so the ToolTips do work on other elements.

tooltipbutton

It is pretty simple, I am trying to add the ToolTip to the button element - but it does not seem to be working - is this even possible?

<button title="Message Contact" className="message has-tip radius" data-tooltip aria-haspopup="true">
	<i className="fi-comment size-36"></i>
</button>
            

         

I also do have this working completely for all of my navigation buttons (normal link tags) - so the ToolTips do work on other elements.

Rafi Benkual about 5 years ago

It has to do with the className attribute you are using, I'm assuming for some JS. If you have class=has-tip" it works http://codepen.io/rafibomb/pen/HJIKg