Greetings,

I have jtooltips enabled to show on specific thumbnails, used for navigation in a client site.

Everything is working as intended, but unfortunately a grey box (see attached image) is appearing on all pages. This is only happening in Safari and Chrome of the browsers tested.

One thing that happens is once the jtootips are fired (with mouse over event) on a page the box then disappears and doesn't appear again until the page is reloaded (again see attached image).

Here is the javascript that I am using to initalize the jtooltips:

if (Drupal.jsEnabled) {
$(document).ready(function () {
$('a.tooltip').Tooltip({
delay: 0,
track: true,
showURL: false,
showBody: "; "
});
});
}

Any insight into how to get rid of this box is appreciated.

Thank you.

Scott

CommentFileSizeAuthor
#1 jtooltips-greybox.jpg143.32 KBhomebrewruss
jtooltips-issue-1.jpg99.15 KBscott859
jtooltips-issue.jpg102.8 KBscott859

Comments

homebrewruss’s picture

homebrewruss commented
StatusFileSize
new jtooltips-greybox.jpg143.32 KB

Hi,
I'm getting the exact same problem on my site, here's a screenshot of the issue + a window on the source code.
any ideas on what might be happening

Thanks
Russell

goldlilys’s picture

goldlilys commented

Subscribing. Besides this bug, this is a great addon.

fletchgqc’s picture

fletchgqc commented

Same problem here with Safari (haven't tested Chrome). My box is orange, which makes sense as we've styled the tooltip popups like that. See http://www.cai.org/ for live "demo" :-). The box is at the bottom left.

Has anyone tested the dev release to see if this resolves it?

homebrewruss’s picture

homebrewruss commented

This is a problem with chrome etc not setting the property for the tooltip div to display:none by default.
I've fixed this on my site by just adding one line to my site's css file:

#tooltip {
display:none;
}

Ideally this property should be added to the module's jtooltips.css file for future releases.

fletchgqc’s picture

fletchgqc commented

Thanks homebrewruss - fix in #4 worked for me!