| 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 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.dumpAsTextWithPixelResults(); | 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 |