Tippyjs: The Tooltip does not change its position after its contents change

Created on 12 Aug 2020  路  2Comments  路  Source: atomiks/tippyjs

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.

馃挕 question

Most helpful comment

You can do that this way:

https://jsfiddle.net/vkje34tf/

All 2 comments

You can do that this way:

https://jsfiddle.net/vkje34tf/

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

khanamiryan picture khanamiryan  路  5Comments

makarov906 picture makarov906  路  4Comments

Christian24 picture Christian24  路  3Comments

divmgl picture divmgl  路  3Comments

Neill83 picture Neill83  路  3Comments