OLD | NEW |
1 <!DOCTYPE> | 1 <!DOCTYPE> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>RTL page with composited elements</title> | 4 <title>RTL page with composited elements</title> |
5 | 5 |
6 <style type="text/css" media="screen"> | 6 <style type="text/css" media="screen"> |
7 body { | 7 body { |
8 direction: rtl; | 8 direction: rtl; |
9 } | 9 } |
10 #wrapper { | 10 #wrapper { |
11 position: relative; | 11 position: relative; |
12 background: green; | 12 background: green; |
13 width: 200px; | 13 width: 200px; |
14 height: 200px; | 14 height: 200px; |
15 z-index: 5; | 15 z-index: 5; |
16 } | 16 } |
17 .accelerated { | 17 .accelerated { |
18 -webkit-transform: translate3d(0,0,0); | 18 -webkit-transform: translate3d(0,0,0); |
19 } | 19 } |
20 </style> | 20 </style> |
21 <script type="text/javascript" charset="utf-8"> | 21 <script type="text/javascript" charset="utf-8"> |
22 if (window.testRunner) | 22 if (window.testRunner) |
23 testRunner.dumpAsText(true); | 23 testRunner.dumpAsTextWithPixelResults(); |
24 </script> | 24 </script> |
25 </head> | 25 </head> |
26 <body> | 26 <body> |
27 <body> | 27 <body> |
28 <!-- There should be a green box at the top right corner of the window --> | 28 <!-- There should be a green box at the top right corner of the window --> |
29 <div id="wrapper"></div> | 29 <div id="wrapper"></div> |
30 <div class="accelerated"></div> | 30 <div class="accelerated"></div> |
31 </body> | 31 </body> |
32 </html> | 32 </html> |
OLD | NEW |