+ Start a Discussion
Himanshu Srivastava 52Himanshu Srivastava 52 

How to use tooltip in a for-loop in a lightning web component to display info for every record onmouseover event?

I want to display some field info for every record when the user hovers mouse on the respective record name using tooltip but I'm unable to think about a logic to do so.
User-added image
I want the tooltip to only occupy the div space when focus is on the icon associated with it and when tooltip be active it doesn't affect other div elements placement on the screen.
The screenshot(not the content present in it and the close button) is what I'm trying to create.