| <!-- Based on fast/repaint/selection-gap-transformed-fixed-child.html --> |
| <!doctype html> |
| <head> |
| <script src="resources/paint-invalidation-test.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| window.expectedPaintInvalidationObjects = [ |
| "LayoutBlockFlow HTML", |
| "LayoutBlockFlow BODY", |
| "LayoutBlockFlow DIV", |
| "LayoutBR BR", |
| "InlineTextBox '\n'", |
| "LayoutBlockFlow (positioned) DIV id='target'", |
| "LayoutBR BR", |
| "InlineTextBox '\n'", |
| ]; |
| function paintInvalidationTest() |
| { |
| var target = document.getElementById("target"); |
| getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); |
| } |
| </script> |
| <style> |
| body { margin: 0px; } |
| #target::selection { background-color: green; } |
| </style> |
| </head> |
| <body onload="runPaintInvalidationTest()"> |
| <div style="position: absolute; margin-left: 200px;"> |
| <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div> |
| <div>This tests that fixed elements that get transformed are invalidated correctly. The box will be competely green if the selected area was invalidated correctly.</div> |
| </div> |
| <div style="transform: translate(50px, 50px);"> |
| <div id="target" style="background-color: red; width: 100px; height: 100px; position: fixed;"><br/></div><br/> |
| </div> |
| </body> |