| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .transformed { width: 50px; height: 50px; background-color: green; -webkit-transform: translateZ(0px); border: 1px solid black; } |
| #positioned { position: absolute; top: 50px; left: 50px; } |
| #inFlow { -webkit-flow-into: flow; } |
| #region { -webkit-flow-from: flow; position: absolute; top: 50px; left: 100px; } |
| </style> |
| </head> |
| <body> |
| <script> |
| if (window.testRunner) |
| window.testRunner.dumpAsText(false); |
| </script> |
| <p>This test passes if it does not trigger an assert in debug mode. There should be two salmon rectangle on the screen.</p> |
| <div id="positioned" class="transformed"></div> |
| <div id="inFlow" class="transformed"></div> |
| <div id="region"></div> |
| </body> |
| </html> |
