Primeng: Tooltips only work for input elements

Created on 30 Jun 2016  路  6Comments  路  Source: primefaces/primeng

Up to version beta-9, tooltips only work in input elements.
It would be very helpful if in a future version you could support tooltips for span and div elements as well.

Most helpful comment

"It works on any element, it binds to mouseover or mouseout, so does not care about target actually." that is simply not the case - I have a <button> and an <input> next to each other - works on the latter but not the former. [email protected]

All 6 comments

Agreed!

I'd like to update this request with the ability to include a tooltip on other places such as a Panel header.

It would be tremendously helpful we could show not only a collapse button for a panel but also a tooltip.

It works on any element, it binds to mouseover or mouseout, so does not care about target actually.

Tool tip doesn't work with schedule events.

"It works on any element, it binds to mouseover or mouseout, so does not care about target actually." that is simply not the case - I have a <button> and an <input> next to each other - works on the latter but not the former. [email protected]

I ran into this issue as well trying to use tooltips on anchor elements. I found a fix that seems to work. For our anchor tags I used css psuedo class ::after

a::after { content: ' '; width: 1px; height: 1px; }

the height/width may or may not be necessary - test accordingly, but it seemed to allow prime ng tooltips to treat inline elements the same way it treats the inline-block type elements like input fields

Was this page helpful?
0 / 5 - 0 ratings