CODEWITHSUNDEEP
javascriptjqueryjquery-ui
NeplatnyUdaj
NeplatnyUdaj

Reputation: 6242

jquery tooltip negative position

I'm trying to use a jquery tooltips, but the hovering div is placed at negative coordinates(-27000,-27000)

The element which should have the tooltip is this:

<span style="float:right;font-weight:bold" title="I am tooltip">U</span>

I initialize the tooltip with this call: $(function(){ $('[title]').tooltip(); });

The jQuery tooltip is properly initialized, because on mouseover, I get a new div, but placed at huge negative coordinates:

<div id="ui-tooltip-4" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" 
role="tooltip" style="top: -27712.3px; left: -27517.2px; display: block;">
    <div class="ui-tooltip-content">I am tooltip</div>
</div>

What can be the cause of bad placement? These are the styles being applied on the span with the title:

float: right;
font-weight: bold;    
-moz-box-sizing: border-box;    
-moz-box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
line-height: 1.3;
list-style: none outside none;
color: #222222;

libraries used: 

jquery-1.8.3.min.js
jquery-ui-1.10.10.min.js(and jquery-ui-1.10.10.css)

Thanks for any ideas what's causing the bad positioning of tooltip

Upvotes: 2

Views: 890

Answers (1)

NeplatnyUdaj
NeplatnyUdaj

Reputation: 6242

The problem was importing qtip library together with jquery-ui. After removing this library, everything is fine.

Upvotes: 2

Related Questions