View source for CSS3 3D Transforms/TestPlan

= CSS3 3D Transforms  =

{| class="fullwidth-table"
|-
| Feature 
| Status 
| Dev Lead 
| QA Lead 
| Status
|-
| CSS3 3D Transforms
| {{StatusHealthy|status=Landed in Firefox 10}}
| Matt Woodrow
| Ioana Budnar
| In progress
|}

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

== References ==

*[https://wiki.mozilla.org/CSS3_3D_Transforms Link feature Wiki page]
*[http://dev.w3.org/csswg/css3-3d-transforms/#rendering-3d W3 specification]
*[http://www.youtube.com/watch?v=BqYHlRZoTak&feature=related Webkit demo example]

== Use Cases ==

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

== Test Cases ==

* 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

== Important Bugs ==

*[https://bugzilla.mozilla.org/show_bug.cgi?id=505115 505115] - CSS3 3D-Transforms
*[https://bugzilla.mozilla.org/show_bug.cgi?id=675470 675470] - Interpolating between already-interpolated transforms crashes Firefox
*[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=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

== Not Tested ==

*CSS Transforms.

== Sign off Criteria ==

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