Safari/Chrome issues with animations

Description

It seems that .show() animation has some serious errors in Safari/Chrome. I'm not sure if it is JQuery's or the browsers' problem.

The first problem is that the browser sometimes just crashes after use of animation. The function works mostly okay at the first try, but then if I hide and show a div layer several times using animation, it starts to fail to draw the layer's background (so that it is transparent except that some of its contents still get displayed), and eventually it crashes. It seems that this problem doesn't occur for simple layers. I'm having trouble figuring out under what conditions this problem occurs. One case can be seen at the following address (but unfortunately it's in Korean):

Click 5, and try clicking the grey bar right above Close, Modify, and Delete buttons several times. You will see what kind of problem comes up. (again, I'm sorry it's in Korean) It works find in Firefox or IE.

The second problem is that when I give a function to .show() method as a second parameter, in Safari or Chrome, it gets called before the animation is over. I have a code that resizes the contents of the layer after the animation is done, but it turns out that the layer's height and width don't have their final values when my function gets called.

Those are some issues that I'm having with Safari and Chrome. My apologies for not having figured out the exact conditions for the first bug.

Oldest firstNewest firstThreaded

Comments only

Change History (3)

I'm having the exact same problem using jQuery 1.3.2 in Safari 3.1.2 and Chrome 1.0.154.59.

In my case, I'm revealing a hidden div with fixed positioning that we need to have attached to the top of the page as you scroll. I've seen reports that fixed positioning was causing similar problems in older versions of jQuery and Safari.