Revision as of 16:12, 16 November 2011

CSS3 3D Transforms

Feature	Status	Dev Lead	QA Lead	Status
CSS3 3D Transforms	Landed in Firefox 10	Matt Woodrow	Ioana Budnar	In progress

CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.

Create 2D elements that can be moved and animated in 3D space (could be used to create interesting 3D UI elements).

Automated test cases:
- Reftests in layout/reftests/transform-3d
- CSS property tests in layout/style/test/test_transitions_per_property.html
- layout/base/tests/test_preserve3d_sorting_hit_testing.html

505115 - CSS3 3D-Transforms
675470 - Interpolating between already-interpolated transforms crashes Firefox
677173 - css3-3d-transforms isn't fully disabled since properties (which sites detect) are added to IDL
677878 - no jquery action ellement on enabling css3 properties -moz-transform to ellement input[type=file]
682922 - Crash with -moz-transform-style: preserve-3d
696175 - Crash [@ nsLineBox::CachedIsEmpty] with inline acting as an absolute containing block

All test cases were run on the Firefox version the feature is targeted for (Firefox 10.0).
All the major bugs have been fixed.

@@ Line 42: / Line 42: @@
 *[https://bugzilla.mozilla.org/show_bug.cgi?id=677173 677173] - css3-3d-transforms isn't fully disabled since properties (which sites detect) are added to IDL
 *[https://bugzilla.mozilla.org/show_bug.cgi?id=677878 677878] - no jquery action ellement on enabling css3 properties -moz-transform to ellement input[type=file]
-*[https://bugzilla.mozilla.org/show_bug.cgi?id=678151 678151] - Mouse event doesn't work for SVGdocument + 2D transform after landing bug 505115
 *[https://bugzilla.mozilla.org/show_bug.cgi?id=682922 682922] - Crash with -moz-transform-style: preserve-3d
 *[https://bugzilla.mozilla.org/show_bug.cgi?id=696175 696175] - Crash [@ nsLineBox::CachedIsEmpty] with inline acting as an absolute containing block