821976 - CSS transition animation fails when parent element changes position attribute

Status: RESOLVED DUPLICATE of bug 625289

(Core :: Layout, defect)

Description

[Jakub Chodorowicz]

I wanted to change parent node position from static to fixed and at the same time animate some properties of child element using CSS transition. In that situation transition animation fails or even doesn't start.

Here's a jsFiddle example which illustrates this bug.
The hack to fix it is to change CSS attributes in steps: first change position and then after some time (50ms) change rest attributes which need to be animated.

jsFiddle example: http://jsfiddle.net/chodorowicz/bc2YC/10/
StackOverflow thread: http://stackoverflow.com/questions/13880223/css-transition-doesnt-work-in-firefox-when-position-is-changed

Comment 1

[Boris Zbarsky [:bzbarsky]]

Looks like a duplicate of one of bug 625289, bug 788677, bug 800927.

Comment 2

[Jakub Chodorowicz]

(In reply to Boris Zbarsky (:bz) from comment #1)
> Looks like a duplicate of one of bug 625289, bug 788677, bug 800927.

Yes, it surely is a duplicate of these other 3. Sorry for submitting it again.

Comment 3

[Rafał Miłecki]

Attachment: fx.transition.parent.position.html

I just hit the same issue, tracked it down and found this issue. Attaching my minimal test-case (not even using JavaScript).

Comment 4

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

http://jsfiddle.net/chodorowicz/bc2YC/10/ and attachment 801144 [details] fixed in Firefox 34.