search

atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
12.03k stars 520 forks source link

The Tooltip does not change its position after its contents change #835

Closed hstaniszewski closed 4 years ago

hstaniszewski commented 4 years ago

Hi, tippy.js is a great plugin!

I have the following problem. I am using the Vue framework. The content of my tooltips is dynamic and its dimensions change. The Tooltip, unfortunately, does not recalculate its position after its content changes.

To visualize my problem, I created the following fiddle: https://jsfiddle.net/bmptz4sy/15/

Hover over the text to show the tooltip and then click on the button to add more lines. Tooltip stays at the same position but it shouldn't. Only after the tooltip is displayed again, its position changes.

dzabrzenski commented 4 years ago

You can do that this way:

https://jsfiddle.net/vkje34tf/

hstaniszewski commented 4 years ago

Thank you Darius! Looks like the solution to my problem.