Skip to main content

Bug Tracker

Side navigation

#5407 closed bug (worksforme)

Opened October 24, 2009 09:42PM UTC

Closed November 04, 2010 12:31AM UTC

fadeOut Fails When an Element Has float:left

Reported by: DavidSalahi Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: fadeOut Cc:
Blocked by: Blocking:

In this sample page: the div par1 fails to fade out when I click the text that says "Fade Out 1". However, if I first click "Show 2" and then "Fade Out 2" that works. The only difference between the two is the child divs inside div par2 are of class photo2 (instead of photo). Class photo2 is the same as photo except that it omits the float:left setting.

Attachments (1)
  • (26.3 KB) - added by DavidSalahi October 24, 2009 09:42PM UTC.

    sample page with images

Change History (4)

Changed October 24, 2009 09:47PM UTC by DavidSalahi comment:1

Also, try just commenting out line 59 (float:left). Then, you can click Fade Out 1 and it will work.

Changed June 13, 2010 06:07PM UTC by dmethvin comment:2

component: unfiledfx

Changed November 03, 2010 11:41PM UTC by boushley comment:3

Here is a fiddle that shows things working just fine (at least it does for me in Chrome on Mac OSX) I have another one that's closer to what you had using inline, but that has other problems, because you're using animations on inline elements. Need to test on other browsers, but I think this is a worksforme.

Changed November 04, 2010 12:31AM UTC by snover comment:4

resolution: → worksforme
status: newclosed

Reproducible with 1.3.2 but not with 1.4.