Fade fails if target does have css3 transition properties

[ALaguna]

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/

[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.

[[email protected]…]

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

[sombra[email protected]…]

Still reproduced in 1.8.1

[ALaguna]

Still reproduced in 1.8.2

[emepe]

Still reproduced in 1.8.3.

[mikesherov]

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

[dmethvin]

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.