Closed Bug 821976 Opened 8 years ago Closed 6 years ago

CSS transition animation fails when parent element changes position attribute

Categories

(Core :: Layout, defect)

17 Branch
x86_64
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 625289

People

(Reporter: jakub.chodorowicz, Unassigned)

References

Details

Attachments

(1 file)

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
Looks like a duplicate of one of bug 625289, bug 788677, bug 800927.
Depends on: 625289
(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.
I just hit the same issue, tracked it down and found this issue. Attaching my minimal test-case (not even using JavaScript).
Attachment #801144 - Attachment mime type: text/plain → text/html
http://jsfiddle.net/chodorowicz/bc2YC/10/ and attachment 801144 [details] fixed in Firefox 34.
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 625289
You need to log in before you can comment on or make changes to this bug.