| <!DOCTYPE html> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <!-- This is similar to floating-self-painting-frame.html, but contains multiple |
| containing blocks and sibling blocks in which the floating objects overhangs |
| and intrudes. Tests shouldPaint flag is set on at most one ancestor containing |
| block. Passes if no crash (on display items with duplicated ids because the |
| iframe would be painted multiple times). --> |
| <style>div {height: 100px; background-color: white;}</style> |
| <div> |
| <div> |
| <div> |
| <iframe id="target" style="float: left; width: 400px; height: 100px; border: none" |
| srcdoc="<div style='width: 300px; height:400px; background: blue'></div>"></iframe> |
| <div></div> |
| <div></div> |
| </div> |
| </div> |
| </div> |
| <script> |
| if (window.internals) |
| internals.settings.setPreferCompositingToLCDTextEnabled(true); |
| runAfterLayoutAndPaint(function() { |
| target.style.height = "500px"; |
| }, true); |
| </script> |