Closed Bug 788677 Opened 12 years ago Closed 10 years ago

Multi-property CSS transition does not animate when position property is changed

Categories

(Core :: Layout, defect)

15 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 625289

People

(Reporter: icaneatit, Unassigned)

References

()

Details

Attachments

(1 file)

Attached file example of the issue
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:15.0) Gecko/20100101 Firefox/15.0
Build ID: 20120824154833

Steps to reproduce:

Changing an element's CSS transition-compatible property and the position property at the same time will prevent the transition from animating. This issue does not occur on

Example: http://jsfiddle.net/Ra2cC/ (also attached as "bug.html" to this report)

One element is assigned a transition property for "height" and "opacity":
-moz-transition: height 0.5s, opacity 0.5s;

This element is also assigned a "height" value of "0", a "opacity" value of "0", and a "position" property value of "absolute".

Using Javascript, if "height", "opacity", and "position" are changed to another value in the same block of code, the animation does not take place.

If a delay is present between changing "position" with the other values, then the animation does work.


Actual results:

The scene jumped immediately to the end state, skipping animation.


Expected results:

Animation should have taken place as specified by the CSS definitions.
Almost certainly a duplicate of bug 625289.
Component: General → Layout
Depends on: 625289
This issue is confirmed to occur on the following browsers/systems:
Firefox 14.0.1 (tested on Fedora 17 x86)
Firefox 15.0 (tested on Windows 7 x64)

This issue does not occur for the following browsers/systems:
Chrome 21.0.1180.83 m (tested on Windows 7 x64)
Chrome 21.0.1180.89 m (tested on Windows 7 x64)
Chrome 21.0.1180.89 (tested on Fedora 17 x86)
Safari 6.0 (7536.25) (tested on Mac OS X 10.7.4)
OS: Windows 7 → All
Hardware: x86_64 → All
Attachment #658592 - Attachment mime type: text/plain → text/html
Fixed in Firefox 34 by
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.