The default bug view has changed. See this FAQ.

CSS transition animation fails when parent element changes position attribute

RESOLVED DUPLICATE of bug 625289

Status

()

Core
Layout
RESOLVED DUPLICATE of bug 625289
4 years ago
3 years ago

People

(Reporter: Jakub Chodorowicz, Unassigned)

Tracking

17 Branch
x86_64
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

4 years ago
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
(Reporter)

Comment 2

4 years ago
(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

4 years ago
Created attachment 801144 [details]
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).
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
Last Resolved: 3 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 625289
You need to log in before you can comment on or make changes to this bug.