tooltip displays at a wrong offset for elements with display set to none

CodePen demo

Note: this pen will not demonstrate the issue when the element is hovered when Tooltip initializes. You might want to reload the frame after the pen loads.

https://codepen.io/anon/pen/NvJeRy?editors=1111

Steps to reproduce the problem

1. Set element’s style to display: none
2. Instantiate a Tooltip on that element
3. Set element’s style to display: inline-block

What is the expected behavior?

At step 3. Tooltip should display at a correct offset i.e. as it would display when the element was set to display: inline-block at step 1. to begin with.

What went wrong?

At step 3. Tooltip displays at a wrong offset.

Any other comments?

How it is after hover (see codepen):

How it should be after hover (see codepen)::

[mechanicious]

You can do it like this https://jsfiddle.net/z4zeg74w/

[FezVrasta]

This is all cool stuff and cool ideas. But they are too specific and you can implement them manually