How to implement an interactive tooltip in Angular

Question

I would like to have an interactive tooltip in my application - I have some pretty long names in a table - I want to display an on-hover tooltip with the full name. I want the tooltip to be clickable, so the user can click a button to copy the full name to the clipboard.

My application uses PrimeNg, however I tried some other tooltips - the problem is that I can't find a way to prevent the tooltip from hiding when the user moves the cursor from the paragraph onto the tooltip - mouseleave event fires. I didn't find any help in PrimeNg documentation.

Any suggestions how could I implement that from scratch in Angular?

try toast: ng-bootstrap.github.io/#/components/toast/examples — Or Shalmayev
– Or Shalmayev, Commented Jul 27, 2022 at 12:48

Fseee · Accepted Answer · 2022-07-28 09:01:49Z

1

Have a look to primeNg overlay panel.

This is an example

answered Jul 28, 2022 at 9:01

Fseee

2,6199 gold badges42 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement an interactive tooltip in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related