| <!DOCTYPE html> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| document.getElementById('container').style.transform = 'translateZ(0) translateX(100px)'; |
| }, true); |
| </script> |
| <body style="margin: 0"> |
| <div style="height: 100px"> |
| Tests layout and repaint of floating descendants of a container changing 3D transform. Passes if there is no red. |
| </div> |
| <div id="indicator" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: red"></div> |
| <div> |
| <div id="container" style="width: 0; height: 0"> |
| <div style="float: left; width: 100px; height: 100px; background-color: green"></div> |
| </div> |
| </div> |
| </body> |