Bug Tracker

Opened 10 years ago

Closed 10 years ago

#12399 closed bug (notabug)

Fade fails if target does have css3 transition properties

Reported by: ALaguna Owned by: gnarf
Priority: low Milestone: None
Component: effects Version: 1.8.0
Keywords: Cc: gnarf
Blocked by: Blocking:


Hi there,

I've just updated jQuery to 1.8.0 from 1.7.2 in one of my projects and suddenly realized that fadeIn transition weren't working good.

Basically if the target class or ID does have a CSS3 transition property for opacity it just appear or disappear but does not fade.

In the previous version, the fadeIn, fadeOut just worked fine taking the animation from the one specified in the transition.

I've prepared two jFiddles:

1.8 version: http://jsfiddle.net/ALaguna/sW38M/1/ 1.7.2 version: http://jsfiddle.net/ALaguna/sW38M/2/

Change History (9)

comment:1 Changed 10 years ago by Harry

My experience is that fadeIn works with 1.7.2, but does NOT work with 1.8.0 . My CSS is NOT using the transition property for either version.

comment:2 Changed 10 years ago by [email protected]

If you delete the CSS transition you'll see it fading

comment:3 Changed 10 years ago by sindresorhus

Cc: gnarf added
Component: unfiledeffects
Priority: undecidedlow

comment:4 Changed 10 years ago by sombra[email protected]

Still reproduced in 1.8.1

comment:5 Changed 10 years ago by timmywil

Owner: set to gnarf
Status: newassigned

comment:6 Changed 10 years ago by ALaguna

Still reproduced in 1.8.2

comment:7 Changed 10 years ago by emepe

Still reproduced in 1.8.3.

comment:8 Changed 10 years ago by mikesherov

Which is why it's still "open". Please don't bump tickets.

comment:9 Changed 10 years ago by dmethvin

Resolution: notabug
Status: assignedclosed

It might be easier to just close this wontfix. Why combine a jQuery fadeIn with a CSS transition?

In any case I suspect the problem is due to the .hide() on an element that isn't yet in the DOM. That isn't a well-defined situation.

For now I'll close this as notabug and you can make the case for why it is.

Note: See TracTickets for help on using tickets.