OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/selection-gap-transformed-fixed-child.html --> | |
2 <!doctype html> | |
3 <head> | |
4 <script src="resources/paint-invalidation-test.js"></script> | |
5 <script> | |
6 if (window.testRunner) | |
7 testRunner.dumpAsTextWithPixelResults(); | |
8 window.expectedPaintInvalidationObjects = [ | |
9 "LayoutBlockFlow HTML", | |
10 "LayoutBlockFlow BODY", | |
11 "LayoutBlockFlow DIV", | |
12 "LayoutBR BR", | |
13 "InlineTextBox '\n'", | |
14 "LayoutBlockFlow (positioned) DIV id='target'", | |
15 "LayoutBR BR", | |
16 "InlineTextBox '\n'", | |
17 ]; | |
18 function paintInvalidationTest() | |
19 { | |
20 var target = document.getElementById("target"); | |
21 getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); | |
22 } | |
23 </script> | |
24 <style> | |
25 body { margin: 0px; } | |
26 #target::selection { background-color: green; } | |
27 </style> | |
28 </head> | |
29 <body onload="runPaintInvalidationTest()"> | |
30 <div style="position: absolute; margin-left: 200px;"> | |
31 <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps
don't repaint correctly with transforms</div> | |
32 <div>This tests that fixed elements that get transformed are invalidated
correctly. The box will be competely green if the selected area was invalidate
d correctly.</div> | |
33 </div> | |
34 <div style="transform: translate(50px, 50px);"> | |
35 <div id="target" style="background-color: red; width: 100px; height: 100
px; position: fixed;"><br/></div><br/> | |
36 </div> | |
37 </body> | |
OLD | NEW |