It makes no difference at all. Could it be an issue related to selectors (and not strictly related to animate()) only affecting Webkit? It seems like the animation is being run "properly" but not to the proper DOM element. Instead the animation seems to be applied to first child of the animated element.
I mean, if you look closely, there is an animation running there on Webkit, applied not to the proper element but to their first child. John, could you please confirm/reject this theory? On Sun, Apr 5, 2009 at 9:19 AM, John Resig <[email protected]> wrote: > > Instead of animating to {"width":"0px"} what happens if you animate to > {"width":"hide"} (you can remove the callback then, as well). > > --John > > > > On Sun, Apr 5, 2009 at 12:10 AM, Julián Landerreche <[email protected]> > wrote: > > > > Hi John, > > thanks for your quick reply. > > > > I've tested with the nightly build, but it seems the issue is still > > there. > > You can check it here: > > > > http://test.rudysmusic.com/electric-guitars/new/?jquery=1.3.2-nightly > > > > If there is something else I can do, don't hesitate to ask me. Also, > > I'm currently on #jquery-dev channel if you would like to ask me > > something there. > > Thanks again > > Julián > > > > On Apr 5, 12:43 am, John Resig <[email protected]> wrote: > >> Could you test with a nightly? It's likely that this was already fixed. > http://code.jquery.com/nightlies/jquery-2009-03-26.js > >> > >> --John > >> > >> On Sat, Apr 4, 2009 at 11:38 PM, Julián Landerreche <[email protected]> > wrote: > >> > >> > Hi again, > >> > >> > this bug seems to affect just Webkit (Safari/Chrome) browsers. > >> > The thing have been working fine with jQuery 1.2.6 to jQuery 1.3.1 > >> > It begun to fail with jQuery 1.3.2. > >> > >> > == Testing environment == > >> > >> > - Working version (jQuery 1.2.6/1.3.1): > >> > >> >http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.2.6 > >> >http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.3.1 > >> > >> > - Failing version (jQuery 1.3.2): > >> > >> >http://test.rudysmusic.com/electric-guitars/pre-owned/?jquery=1.3.2 > >> > >> > == Expected behavior (working with 1.2.6/1.3.1) == > >> > >> > If you click on a product picture, a panel (a div with class "text- > >> > column") will open up on the right, by width being animated. Also, the > >> > whole page width is being manipulated to fit the new width. > >> > >> > Then, if you click on the "Close" button, the same panel will close > >> > (width being animated to 0px) and the whole page width is also > >> > manipuleted to fit the new width. > >> > >> > Works fine on all modern browsers, including Webkit. > >> > >> > == Triggering the bug (failing with 1.3.2) == > >> > >> > On a Webkit browser, if you click on a product picture, you will see > >> > that the panel (a div with class "text-column") is also opened > >> > suddenly, not animated. In other words, it reaches the final width > >> > without being animated. > >> > >> > Then, also, if you click on the "Close" button, the same panel will be > >> > closed (animated) but for some reason, it won't fully "disappear". You > >> > will notice there is a shadow border which demonstrate that the panel > >> > is "still there" (sorry, not sure how to explain this). > >> > Finally, because of this behavior, the whole page layout is broken, > >> > making the list of product disappear. > >> > >> > == The issue seems to be on animate() == > >> > >> > This are the "offending" lines: > >> > >> > When opening: > >> > >> > $text_column.css({"display":"block"}).animate({"width": w}, > "normal", > >> > "linear", function(){ > >> > (...) > >> > }); > >> > >> > When closing: > >> > >> > $text_column.animate({"width":"0px"}, "normal", "linear", > function(){ > >> > $text_column.css({"display":"none"}); > >> > (...) > >> > }); > >> > >> > You can see them in original context here: > >> >http://test.rudysmusic.com/js/rudysmusic.js > >> > >> > Is there anything I can do to help? Can anyone confirm that the thing > >> > I'm reporting is a bug and not a misunderstanding on changes between > >> > jQuery 1.2.6/1.3.1 and jQuery 1.3.2. > >> > >> > Thanks in advance. > >> > Julián > > > > > > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
