| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <style> | 3 <style> |
| 4 body { | 4 body { |
| 5 margin: 0; | 5 margin: 0; |
| 6 } | 6 } |
| 7 .horizontal-box { | 7 .horizontal-box { |
| 8 display: -webkit-flex; | 8 display: -webkit-flex; |
| 9 } | 9 } |
| 10 .horizontal-box div { | 10 .horizontal-box div { |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 } | 25 } |
| 26 .fourth { | 26 .fourth { |
| 27 background-color: #060; | 27 background-color: #060; |
| 28 } | 28 } |
| 29 .fifth { | 29 .fifth { |
| 30 background-color: #030; | 30 background-color: #030; |
| 31 } | 31 } |
| 32 </style> | 32 </style> |
| 33 <script> | 33 <script> |
| 34 if (window.testRunner) | 34 if (window.testRunner) |
| 35 testRunner.dumpAsText(true); | 35 testRunner.dumpAsTextWithPixelResults(); |
| 36 </script> | 36 </script> |
| 37 <body> | 37 <body> |
| 38 | 38 |
| 39 <div class="horizontal-box"> | 39 <div class="horizontal-box"> |
| 40 <div class="first" style="-webkit-order: 0"></div> | 40 <div class="first" style="-webkit-order: 0"></div> |
| 41 <div class="second" style=""></div> | 41 <div class="second" style=""></div> |
| 42 <div class="third" style="-webkit-order: 3"></div> | 42 <div class="third" style="-webkit-order: 3"></div> |
| 43 <div class="fourth" style="-webkit-order: 20"></div> | 43 <div class="fourth" style="-webkit-order: 20"></div> |
| 44 </div> | 44 </div> |
| 45 | 45 |
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 111 </div> | 111 </div> |
| 112 | 112 |
| 113 <!-- This should not crash. --> | 113 <!-- This should not crash. --> |
| 114 <div class="horizontal-box"></div> | 114 <div class="horizontal-box"></div> |
| 115 | 115 |
| 116 <div style="position:absolute; left: -10000px;">You should see identical green b
ars going from light green | 116 <div style="position:absolute; left: -10000px;">You should see identical green b
ars going from light green |
| 117 (left) to dark green (right).</div> | 117 (left) to dark green (right).</div> |
| 118 | 118 |
| 119 </body> | 119 </body> |
| 120 </html> | 120 </html> |
| OLD | NEW |