Craga89/qTip2 — Issue #303: Wrong center position of tip
Author: kirgene
Created: 2012-01-27 22:44:06+00:00
State: open

Hello!

I've created a page with a html element and a tooltip. I've set tooltip to show on click event so when user clicks html element, the tooltip іs displaying. Also, I've set the position of tip (an arrow of tooltip) at the center of html element.
The problem is that when html element is placed at the top of the page and the tooltip is displaying below of that element, the tip of tooltip is not displaying at the center of html element. The position of tip is shifting by Y-coordinate and is pointing to the top of html element.

```javascript
$(document).ready(function(){
$(".my-circle").each(function()
{
$(this).qtip({
content: {
text: $('.my-content').clone()
},
position: {
my: 'bottom center',
at: 'center',
target: $(this),
viewport: $(window)
},
show: {
event: 'click',
solo: true,
},
hide: {
event: 'unfocus',
fixed: true,
},
style: {
classes: 'ui-tooltip-shadow ui-tooltip-light ui-tooltip-rounded'
}
});
})
});

```