Component: Tooltip. Add ability to enable tooltip only if element has ellipsis (three dots in the end of text element)

[AndrewAKovalenko]

Describe the feature you would like to see added

It would be great to have possibility to enable tooltip only if element has overflow

Related stack overflow issue
https://stackoverflow.com/questions/5474871/html-how-can-i-show-tooltip-only-when-ellipsis-is-activated

Is your feature request related to a problem?

No response

Describe the solution you'd like

<span [tooltipShowOnEllipsis]="true" pTooltip="Some very long name that should be seen if it has ellipsis">
   Some very long name that should be seen if it has ellipsis
</span>

Describe alternatives you have considered

No response

Additional context

No response

[PeterHewat]

Indeed, that would be interesting. I guess you would have to detect if there is an active overflow after a reflow with something like:

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
}

[bogdan-panteleev]

this feature would be really good

[kiranatious]

need this

[LightBulbIdea]

This would be extremely helpful.

[avytak]

+1

[github-actions]

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

[github-actions]

Thanks a lot for this issue! PrimeNG team's roadmap is busy, but community feedback is crucial in prioritization. The more upvotes help ensure this fix can be addressed quickly or the related PR can be merged soon.