Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <html class="reftest-wait"> |
michael@0 | 3 | <head> |
michael@0 | 4 | <style> |
michael@0 | 5 | #d { |
michael@0 | 6 | background: red; |
michael@0 | 7 | position: absolute; |
michael@0 | 8 | top: 8px; |
michael@0 | 9 | left: 8px; |
michael@0 | 10 | height: 200px; |
michael@0 | 11 | width: 800px; |
michael@0 | 12 | transform: rotate(40deg); |
michael@0 | 13 | -moz-transform: rotate(40deg); |
michael@0 | 14 | } |
michael@0 | 15 | #d2 { |
michael@0 | 16 | background: white; |
michael@0 | 17 | position: absolute; |
michael@0 | 18 | top: 6px; |
michael@0 | 19 | left: 6px; |
michael@0 | 20 | height: 204px; |
michael@0 | 21 | width: 804px; |
michael@0 | 22 | transform: rotate(45deg); |
michael@0 | 23 | -moz-transform: rotate(45deg); |
michael@0 | 24 | } |
michael@0 | 25 | </style> |
michael@0 | 26 | </head> |
michael@0 | 27 | <body> |
michael@0 | 28 | <script> |
michael@0 | 29 | function doTest() { |
michael@0 | 30 | // The first rotation here makes the transform active. The second rotation |
michael@0 | 31 | // sets it back where it belongs. |
michael@0 | 32 | var d = document.getElementById("d"); |
michael@0 | 33 | d.style.transform = d.style.MozTransform = 'rotate(45deg)'; |
michael@0 | 34 | document.documentElement.removeAttribute('class'); |
michael@0 | 35 | } |
michael@0 | 36 | window.addEventListener("MozReftestInvalidate", doTest, false); |
michael@0 | 37 | </script> |
michael@0 | 38 | <div id="d">test</div> |
michael@0 | 39 | <!-- d2 covers up d completely so that we don't get a reftest failure due to a difference |
michael@0 | 40 | between the rendering of an 'active transform' (transformed via layers) vs an inactive |
michael@0 | 41 | transform (transformed via D2D or cairo) --> |
michael@0 | 42 | <div id="d2">test</div> |
michael@0 | 43 | </body> |
michael@0 | 44 | </html> |