desandro/isotope — Issue #126: callback function doesn't work properly on firefox
Author: alkaest2002
Created: 2011-12-13 11:37:36+00:00
State: open

Hi,
I stumbled upon the following problem; I am trying to pass a callback function to an isotope instance (a collection of images, each of which is wrapped inside a div). The function attaches some handlers to the divs containing the images.
The final effect should be the following: by "mousing into" a specific image, visitors see a tooltip appearing on top of it (with a little bit of animation). As visitors "mouse out" from the image the tooltip disappear.
The tooltip is placed on top of the correct image by means of a plugin that gets the top and left coordinates of the image currently "moused into" (hope that this makes sense, my english is terrible) and set accordingly the tooltip left and top coordinates.
Firefox (8.0.1, mac) isn't displaying the tooltip where it should be. The tooltip is always displayed on top of the first image of the collection. If I set animationEngine to 'jquery', the issue disappear and the whole thing works as it is expected to.
Tested also in Safari which seems immune from this problem, even when animationEngine is set to 'best--available'.

here is a demo: http://jsfiddle.net/alkaest2002/7gsC2/29/

Hope this issue helps the development of isotope (provided that it is an issue of isotope and not an issue of my poor programming skills ).