OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <head> | 2 <head> |
3 <script src="resources/text-based-repaint.js"></script> | 3 <script src="resources/text-based-repaint.js"></script> |
4 <script> | 4 <script> |
5 function repaintTest() | 5 function repaintTest() |
6 { | 6 { |
7 var target = document.getElementById("target"); | 7 var target = document.getElementById("target"); |
8 getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); | 8 getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); |
9 } | 9 } |
10 </script> | 10 </script> |
11 <style> | 11 <style> |
12 body { margin: 0px; } | 12 body { margin: 0px; } |
13 #target::selection { background-color: green; } | 13 #target::selection { background-color: green; } |
14 </style> | 14 </style> |
15 </head> | 15 </head> |
16 <body onload="runRepaintTest()"> | 16 <body onload="runRepaintTest()"> |
17 <div style="position: absolute; margin-left: 200px;"> | 17 <div style="position: absolute; margin-left: 200px;"> |
18 <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps
don't repaint correctly with transforms</div> | 18 <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps
don't repaint correctly with transforms</div> |
19 <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> | 19 <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> |
20 </div> | 20 </div> |
21 <div style="-webkit-transform: translate(50px, 50px);"> | 21 <div style="transform: translate(50px, 50px);"> |
22 <div id="target" style="background-color: red; width: 100px; height: 100
px; position: fixed;"><br/></div><br/> | 22 <div id="target" style="background-color: red; width: 100px; height: 100
px; position: fixed;"><br/></div><br/> |
23 </div> | 23 </div> |
24 </body> | 24 </body> |
OLD | NEW |